javascript - $(this) div 中标题的 jQuery 选择器

Question

我需要选择并查找被单击的特定 div 内的 H2 标签的 html 值，这就是我现在正在尝试的方法，但无济于事:

单击 .square 时，我尝试运行此命令:

 $(this).find('h2').html();

这就是 html 的样子:

<div class="square" id="2"><h2>Title</h2><h3>Comment</h3></div>

我做错了什么？

谢谢

Answer 1

您的代码必须放置在点击处理程序中，如下所示:

$('.square').on('click', function() {
    alert($(this).find('h2').html());
}

在点击处理程序之外，this指向window和$(window).find('h2')没有找到任何东西，因此 .html()产量undefined .

如果您的<div class="square">是动态生成的，您需要将您的点击处理程序“ Hook ”到不会从页面中消失的最近的元素上。

$('#element_id').on('click', '.square', function() {
    alert($(this).find('h2').html());
}