jquery - jquery $（this）-子h2にアクセスする方法

Question

私はこのHTML構造を持っています：

 <span id="subMenuTitle1" class="subMenuClickAble"><h2>Inbox 1</h2></span>

span.subMenuClickAbleにクリックイベントを添付し、h2にtext（）を追加したいと思います。

私は次のことを試みました：

 var text = $(this).child('h2').text();

 var text = $(this h2).text();

何かアドバイスはありますか？

score 5 · Accepted Answer

これを試して：

var text = $('h2', this).text();

ただし、HTMLコードは無効であるため（HTML 5を使用していて、HTML 5対応のブラウザーのみを対象としている場合を除く）、h2要素がspanタグ内に収まらない可能性があります。

インライン要素（span）にブロック要素（h2）を含めることはできません。ブラウザは、通常、h2要素をの外に移動するか、要素の開始位置で要素をspan終了することにより、コードを修正しようとします。spanh2

score 2 · Accepted Answer

試す：

$('#subMenuTitle1').click(function (event) {
    var text = $(this).children('h2').text();
    /* do stuff here */
});

編集：jsfiddle

score 1 · Accepted Answer

1

var text = $(this).find('h2').text();

于 2012-08-29T00:40:34.340 に答える

score 0 · Accepted Answer

0

試す

$('.subMenuClickAble').click(function(){
    console.log( $(this).find('h2').text() );
})

于 2012-08-29T00:39:47.437 に答える

4 に答える 4