jquery - jqueryで要素のテキストを見つける方法

Question

こんにちは、次のような html マークアップがあります。

<div class="expandNode expand">
<input id="100" type="checkbox" value="100" data-parent="">
<span>Office/Commercial</span>
</div>

コンソールで私は$('#100')これを取得します：

[<input id="100" type="checkbox" value="100" data-parent>]

必要なのは、Office/Commercial というスパン内のテキストです。

これどうやってするの？

score 4 · Accepted Answer

試してみてください：

$('#100').next('span').text();

または次のように:

$('.expandNode span').text();   // not suggested

さらに、入力タグを閉じる必要がありますが、ID 要素に数字を使用することはお勧めしません ( < HTML5 )

同じことを達成するためのより柔軟で将来性のある方法は次のとおりです。

$('#100').closest('.expandNode').find('span').text();

<span>さらに、親要素内に1つしかないことが確実な場合は、次のように選択できます。

$('#100').siblings('span').text();

spanそうすれば、直接の.next()要素であることに依存する必要はありません。

score 0 · Accepted Answer

0

これを試して：

$("#100").next('span').text();

于 2013-02-24T20:55:29.780 に答える

score 0 · Accepted Answer

You could modify your span to give it an ID or class (OPTIONAL):

<span class="expand-span">Office/Commercial</span>

Then use this jQuery code to find it:

$('.expandNode').children('.expand-span');

If you don't want to give your span a class or ID, you can use:

$('.expandNode').children('span');

3 に答える 3