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

Question

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

我在fiddle中制作了我的代码示例。在代码示例中，我有一个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

试试这段代码。 Demo here

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();
    });
});