0

jQuery メソッド load() を使用して、自分のサイトに読み込まれるテキストがあります。

h2 がクリックされたときにロードした div を閉じたい (empty())。

私のHTML：

<html>
   <div class="info_item" id="post1">
      <div name="x" class="item" id="loaded_with_ajax"> 
         <h2>Click on this h2 should empty the div with class="item"</h2>
         <h3>this is a h3</h3> 
         <p>this is a paragraph</p> 
      </div>
   </div>
</html>

私のjQuery;

$("h2").on('click', function() {
   $(this).parent("div").empty();
});

私のコードが間違っているのかもしれませんが、クリック h2 で alert() を入れても、読み込まれたコンテンツには反応しません。

前もって感謝します。

4

3 に答える 3

0

これを使って

$('.item').on('click', "h2", function() {
   $(this).parent().empty();
});

デモ

デモは 3 秒後に ajax コンテンツを読み込みます

于 2013-05-30T11:21:33.330 に答える
0

「h2 がクリックされたときにロードした div を閉じたい (empty())」という質問に従って、jquery セレクター メソッドを使用し、ID または NAME とEMPTYまたは jQuery('#parentdivID div').html(を取得します。 '');

于 2013-05-30T11:07:07.487 に答える
0

委任を使用する必要があります。

$(".info_item").on('click', "h2", function() {
   $(this).closest(".item").empty();
});

closest()ここでは、コードをより一般的なものにするために使用します。

于 2013-05-30T11:00:32.983 に答える