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')て何も見つからないため、yield になり.html()ますundefined。

が動的に生成される場合<div class="square">、ページから消えない最も近い要素にクリック ハンドラを「フック」する必要があります。

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