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

Question

<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结构

Answer 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)

Answer 2

我认为这是最简单的。

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