jquery - 通过单击删除链接从 textarea 中删除链接并从 div 中删除图像

Question

我是 jQuery 新手，希望解决这个问题。提前感谢您。

我在小提琴中制作了我的代码示例。在这个代码示例中，我有一个 textarea 和一个 div。

<div id="divfordisplay"></div>

这个 div 显示所有在 textarea 中的图片链接。

现在我的问题是我想要在图像上删除图像链接，通过单击此删除链接，该图像应从 div 中删除，并从 textarea 中删除链接。

Answer 1

$('#divfordisplay').on('click', 'img', function(){
   var link = this.src;
   $(this).remove();
   $('#img_upload_value').val(function(i, v){
       return v.replace(link, '');
   });   
});

http://jsfiddle.net/SpHeT/

Answer 2

试试这个代码。演示在这里

jQuery(document).ready(function() {
    var imguploadvaluesdis = jQuery('#img_upload_value').val().split('\n');
    for( var i=0; i<imguploadvaluesdis.length; i++){
        jQuery('#divfordisplay').append('<img src="' + imguploadvaluesdis[i] + '" alt="" />');

    }
    $('img').click( function() {
        var newVal =$('#img_upload_value').val().replace($(this).attr('src'),'');
        $('#img_upload_value').val(newVal);
        $(this).remove();
    });
});