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