jquery - 外部加载内容的点击功能

Question

我在我的网站上加载了一些文本，使用 jQuery 方法 load()。

我想在单击 h2 时关闭（空（））我加载的 div。

我的 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()，在加载的内容上，它也没有反应。

提前致谢。

score 0 · Accepted Answer

用这个

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

演示

演示在 3 秒后加载 ajax 内容

score 0 · Accepted Answer

根据您的问题“我想在单击 h2 时关闭（空（））我加载的 div”使用 jquery 选择器方法，获取 ID 或 NAME 和EMPTY或 jQuery('#parentdivID div').html( '');

score 0 · Accepted Answer

您必须使用委托：

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

我closest()在这里使用以使您的代码更通用。

jquery - 外部加载内容的点击功能

3 回答 3

Related

Reference