如何使用jQuery访问嵌套div中的文本

Question

我正在尝试通过点击它来访问div的内容很长时间。

结构是这样的：

<div class="note" id="DYNAMIC_ID">
     <div class="headline">HEADLINE</div>
     <div class="content">Content</div>
</div>

我需要这样的东西：

$(".note").click(function(){
    alert(this+".headline").text();
    alert(this+".content").text();
});

我希望有人可以帮我解决这个问题。

Answer 1

选择器的第二个参数是上下文。在这种情况下，我们希望上下文是被单击的div，因此我们使用this关键字作为上下文。

$("div.note").click(function(){
  var headline = $(".headline", this).text();
  alert(headline);
});

您也可以使用.find()方法：

var headline = $(this).find(".headline").text();

Answer 2

也许这可能是一个解决方案：

$(".note").click(function(){
alert(".headline").html();
alert(".content").html();

}）;

或

$(".note").click(function(){
alert("#DYNAMIC_ID").html();

}）;