jquery - 内側の div で div の内容を取得する

Question

HTML:

<div class="chocs">Chocolate Bar <div class="id">1234</div></div>

jQuery:

$('div#groupinfo .chocs').click(function(){
   alert($(this).slug.text());
});

外側の div をクリックすると、内側の div (id) の内容を取得しようとしています。これはできますか？

score 3 · Accepted Answer

children()メソッドを使用して子 div をターゲットにします。

$('div#groupinfo .chocs').click(function(){
   var contents = $(this).children('.id').text();
});

内側の div が直接の子ではない場合は、find()代わりに;を使用します。

$('div#groupinfo .chocs').click(function(){
   var contents = $(this).find('.id').text();
});

score 1 · Accepted Answer

はい、それがjQueryの目的です（もちろん、とりわけ）。このソリューションは context パラメータを使用し、コンテキストオブジェクトとしてid提供することにより、クリックされた要素内のクラスを持つ要素を探します。this

$('div#groupinfo .chocs').click(function(){
    alert($(".id", this).html());
});

score 1 · Accepted Answer

dividを持つ親がいると仮定しますgroupinfo:

$('div#groupinfo .chocs').click(function() {
   alert($(this).find(".id").text());
});

score 0 · Accepted Answer

あなたはfindこのような助けを借りてそれを行うことができます

$('div#groupinfo .chocs').click(function(){
   alert($(this).find('.id').text());
});

4 に答える 4