0

子画像がクリックされたときに div 全体を削除するにはどうすればよいですか? ここに私のHTMLがあります:

<div id="list1">
        <img src="FILE1.JPG" class="img">
        <img src="FILE2.JPG" class="img">
        <img src="FILE3.JPG" class="img">
</div>

<div id="list2">
        <img src="FILE4.JPG" class="img">
        <img src="FILE5.JPG" class="img">
        <img src="FILE6.JPG" class="img">
        <img src="FILE7.JPG" class="img">
</div>

ここにjqueryがあります：

$('.img').click(function() {
    var $img = $(this);
    $.ajax({
        url: 'save-image.php?q=' + $(this).attr('id'),
        dataType: 'json',
        success: function(data) {
            $img.closest('div').remove();
        }
    });
});

画像のクリック時に更新スクリプトを実行する必要がありますが、div 全体を非表示にする必要があります。このコードは機能していません。

4

6 に答える 6

3 
    $('img').click(function() {

    var clicked = $(this);

    $.ajax({
        url: 'ajax.php?q=' + $(this).attr('id'),
        dataType: 'json',
        success: function(data) {

            clicked.parent('div:first').remove();

        }
      });
    });
于 2012-09-19T16:42:25.323 に答える
3

jQuery.parent()と.remove()

于 2012-09-19T16:35:10.833 に答える
2

親メソッドと削除メソッドを試すことができます

$('img').click(function() {
    var $this = $(this);
    $.ajax({
        url: 'ajax.php?q=' + $this.attr('id'),
        dataType: 'json',
         success: function(data) {
            $this.parent().remove();
         }
     });
});
于 2012-09-19T16:59:37.633 に答える
1

これを試して、

ライブデモ

$('img').click(function(){    
  $(this).closest('div').remove();
});

img に何らかのクラスを割り当てることができればより良いでしょう

$('.img').click(function(){    
  $(this).closest('div').remove();
});
于 2012-09-19T16:34:36.043 に答える
1

jQuery を使用している場合は、次のことができます。

$('img').on('click', function(e) {
   $(this).parent().remove();
}
于 2012-09-19T16:34:44.863 に答える
1

これは、タスクを達成するのに役立ちます。

parent( [selector] ) 戻り値: jQuery 説明: 一致する要素の現在のセット内の各要素の親を取得します。オプションでセレクターによってフィルター処理されます。

ページに示されている最初の例は、問題とほぼ同じです。

于 2012-09-19T16:36:14.853 に答える