jQuery를 사용하여 중첩 된 div 내부 텍스트에 액세스하는 방법

Question

나는 그것을 클릭하여 div의 내용에 액세스하려고 오랫동안 노력하고 있습니다.

구조는 다음과 같이이다 :

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

나는 누군가가이 문제를 도와 줄 수 있기를 바랍니다 :

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

나는 이런 식으로 뭔가를해야합니다.

Answer 1

선택기의 두 번째 매개 변수는 컨텍스트입니다. 이 경우 클릭 한 컨텍스트를 컨텍스트로 지정해야하므로 this 키워드를 컨텍스트로 사용합니다.

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

Answer 2

어쩌면이 해결책이 될 수 있습니다 :

는

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

또한 너무 .find() 방법을 사용할 수 있습니다

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

});

또는

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

});