如何在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。

我该怎么做？

Answer 1

尝试：

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

或者喜欢：

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

此外，输入标签需要关闭，我仍然不建议使用ID元素的数字（＆lt; HTML5）

实现相同目标的更灵活，面向未来的方法是：

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

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

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

这样您就不必依赖span作为直接.next()元素。

Answer 2

试试这个：

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

Answer 3

您可以修改跨度以为其提供ID或类（可选）：

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

然后使用此jQuery代码找到它：

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

如果您不想为您的范围提供班级或ID，您可以使用：

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