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