使用JQuery獲取節點與其子節點的方法

2022-08-28 13:00:11 字數 856 閱讀 1771

對於頁面中的html片段:

<

div

id="dem"

><

span

>單號:

span

>rc-12345854635

div>

使用jquery獲取div的文字節點:

var str = $("#dem").text();

得到的內容--> str = 單號:rc-12345854635,即取得了div節點的全部文字內容。

要想獲得div主節點的文字,而不去子節點(span)的文字,可使用如下方法:

var text = $("#dem").contents().filter(function

() ).text();

其中,方法contents()的作用是查詢匹配元素內部所有的子節點(包括文字節點);在這裡就是取得id為dem的div下所有子節點。

而filter()的作用是過濾結果集,目的只有乙個,使被過濾的結果集中,滿足引數條件的節點保留下來,這裡傳入的引數為函式;反之不滿足的節點全部移除。

nodetype 屬性返回以數字值返回指定節點的節點型別。

如果節點是元素節點,則 nodetype 屬性將返回 1。

如果節點是屬性節點,則 nodetype 屬性將返回 2。

如果節點是文字節點,則 nodetype 屬性將返回 3。

同樣的,也可以獲取div下span子節點的文字資訊,方法如下:

var text = $("#dem > span").first().contents().filter(function

() ).text();

jQuery獲取父 兄 子 節點

jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquery.childre...

jQuery獲取節點和子節點文字

對於下面的html片段,test texttechbrood co.獲取節點純文字 var text text test text 這個會得到 test text techbrood co.也就是會把當前元素的所有節點 包含子節點 的文字讀取出來。如果只想獲取主節點的文字,方法複雜點 var tex...

jquery獲取子節點父節點的方法

一 獲取子節點 比如是乙個 id 為 test 的 div元素,我們這樣選中,test 我們要查詢這個div下的乙個class為demo的span元素,有一下幾種方法 1 使用篩選條件 test span.demo 2 使用find 函式 test find span.demo 3 使用childr...