Как получить доступ к тексту внутри вложенного div, используя jQuery

Question

Я долго пытаюсь получить доступ к содержимому div, щелкнув по нему.

Структура выглядит так:

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

Мне нужно что-то вроде этого:1006 *

$(".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();

});