jquery - テキストエリアからリンクを削除し、リンクの削除をクリックして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();
    });
});