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

Question

这里有一段html代码，例如<label for=name>fill in your name<span>*</span></label>，当使用jquery $("label[for='name']").text()时，它返回'填写你的名字*'，怎样才能得到'填写你的名字'？

Answer 1

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

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

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

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

Answer 2

我建议你不要把<span>*</span>，而是使用伪元素（:after）。这样你可以轻松获得更好的结果。

See this EXAMPLE。

注意清洁标记：

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

每.required标签将默认感谢明星施加给它的:after伪元素：

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

---

重要说明：上述解决方案在IE7及其以下版本中会失败不支持伪元素。