如何使用 jquery 获取这样的元素的文本？

Question

使用 jquery $( 时，有一段像这样的html代码填写你的名字* "label[for='name']").text()，返回的是'填写你的名字*'，如何准确获取'填写你的名字'？

Answer 1

contents() 允许您选择所有节点类型 - 包括文本节点。例如，这将返回元素的第一个文本节点的文本：

$("label[for='name']").contents().eq(0).text();

工作演示：http://jsfiddle.net/mX8zK/< /p>

• http://api.jquery.com/contents/

Answer 2

我建议您不要放置 * 而是使用伪元素 (:after)。这样您就可以轻松获得更好的结果。

查看此示例。

请注意更清晰的标记：

<label for="name" class=required>Fill in your Name</label>

由于应用了 :after 伪元素，每个 .required 标签默认都会带有星号：

label.required:after {
    content: '*';
}

---

重要注意：上述解决方案在 IE7 及以下版本上将失败，因为它们不支持伪元素。