如何使用 jQuery 在 HTML 元素旁边获取纯文本？答案

【问题标题】：How do I Get Plain Text Beside an HTML Element using jQuery?如何使用 jQuery 在 HTML 元素旁边获取纯文本？
【发布时间】：2010-07-27 09:38:42
【问题描述】：

<span>
    <label for="305">
        <input type="checkbox" name="305" style="vertical-align: middle;" value="305" id="305"> Farming General
    </label>
</span>

如何使用 jQuery 获取文本“Farming General”。请不要让我更改 HTML 结构

【问题讨论】：

无论如何，您都应该更改标记，因为以数字开头的id 是无效的，并且会导致奇怪的问题。
@bobince - 值得注意的是，我们现在看到的更多是该规则适用于 HTML4 而不是 5...最后我读到它们只需要在 HTML5 中是唯一的。

标签： jquery html dom

【解决方案1】：

您可以使用 ID 选择器获取它，转到 .parent() 并使用 .text()，如下所示：

$("#305").parent().text()
//or:
$("label[for='305']").text();

不过，以数字开头的 ID 在 HTML5 之前无效，请注意 :)

你也可以不用jQuery，像这样：

document.getElementById("305").nextSibling.nodeValue

尽管您可能想用$.trim() 将其删减，如下所示：

$.trim(document.getElementById("305").nextSibling.nodeValue)

【讨论】：

$("#305").parent().text() 这对我目前的功能来说更可行谢谢

【解决方案2】：

这是我认为最简单的。

$("label[for='305']").text();

【讨论】：