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>​]

我需要的是跨度内的文本，即办公/商业。

我该怎么做？

Answer 1

尝试:

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

或者像:

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

此外，输入标签需要关闭，但我仍然不建议使用数字作为 ID 元素( < HTML5 )

实现这一目标的更灵活且面向 future 的方法是:

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

此外，如果您确定只有一个 <span>在父元素中，您可以选择:

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

这样你就不必依赖 span立即.next()元素。