如何取得元素的文字節點？

Question

<div class="title">
   I am text node
   <a class="edit">Edit</a>
</div>

我希望獲得“我是文字節點”，不希望刪除“編輯”標籤，並且需要跨瀏覽器解決方案。

Answer 1

您可以使用下列方法來取得第一個子節點的nodeValue

$('.title')[0].childNodes[0].nodeValue

http://jsfiddle.net/TU4FB/

#

Answer 2

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

這會取得所選元素的內容，並對其套用篩選器函數。過濾器函數僅傳回文字節點（即那些具有 nodeType == Node.TEXT_NODE 的節點）。