遍歷DOM元素的方法

2016-07-11 1547 2 編輯:Monster 來源:jQuery入門

雖然用jQuery的選擇器能選中文檔中的大多數元素,但有時還是需要使用jQuery提供的遍歷元素的方法從匹配元素出發進一步搜索其祖先元素、父元素、同輩元素、子元素以及后代元素。

1.parent()、children()、next()、prev()方法

這幾個方法分別用于獲取當前匹配元素集合中每個元素的父元素、子元素集合、下一個同輩元素和上一個同輩元素。

(1)在每個單元格中顯示其父元素的標記名。

提示:雖然任何元素的父元素只可能有一個,但由于$("td")匹配的是一個元素集合,因此這些元素的父元素也是一個集合,必須加[0]得到第一個匹配元素的父元素,同時加[0]還可以使這個jQuery對象轉換為DOM對象,這樣就可以使用DOM中的屬性tagName了。

(2) children()方法的用法舉例。

(3) next(、prev()方法的用法舉例。

2.find()方法

find()方法用于從每個匹配元素內搜索符合指定選擇器表達式的后代元素。

$("dv").find("p");

這條代碼表示在頁面所有div元素中搜索其包含的P元素將獲得一個新的元素集合,它完全等同于以下代碼:$("p",$("div"));

find()方法與children()方法類似,所不同的是,children()方法只搜索子元素而不是后代元素。


本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾