如何使用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及其以下版本中會失敗不支持僞元素。