jQuery獲取兄弟元素的各種方法總結

1.next();//獲取當前元素的下一個兄弟元素

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比宣漢網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式宣漢網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋宣漢地區(qū)。費用合理售后完善，十載實體公司更值得信賴。

2.nextAll();//獲取當前元素后面所有的兄弟元素

3.prev();//獲取當前元素的前一個兄弟元素

4.prevAll();//獲取當前元素前面的所有兄弟元素

5.siblings();//獲取當前元素的所有兄弟元素

6.children();//獲取一個元素的直接子元素，類似于 $(‘ul li’)

7.find();//獲取一個元素的某種所有子元素，類似于 $(‘ul li’)

8.parent();//獲取當前元素的父元素

參考

jquery如何獲取父元素的子元素

可以使用jQuery的children方法來獲取某個元素下的所有子元素。如果給定表示 DOM 元素集合的 jQuery 對象，.children() 方法允許我們檢索 DOM 樹中的這些元素，并用匹配元素構造新的 jQuery 對象。.find()?和 .children() 方法類似，不過后者只沿著 DOM 樹向下遍歷單一層級。

工具原料：編輯器、瀏覽器

1、使用children方法可以獲得選擇器下的所有子元素，代碼實例如下：

!DOCTYPE?html

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

style

body?{?font-size:16px;?font-weight:bolder;?}

p?{?margin:5px?0;?}

/style

/head

body

div

spanHello/span

p?class="selected"Hello?Again/p

div?class="selected"And?Again/div

pAnd?One?Last?Time/p

/div

script$("div").children(".selected").css("color",?"blue");/script

/body

/html

2、運行的結果是找到類名為 "selected" 的所有 div 的子元素，并將其設置為藍色，結果如下：

jquery如何獲取第一個或最后一個子元素

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script標簽，輸入jquery代碼：

$('body').append($('div:first').text());

$('body').append($('div:last').text());

3、瀏覽器運行index.html頁面，此時通過jquery獲取了第一個div和最后一個div并打印了其內容。

jquery怎么獲取元素的子元素

Jquery獲取子元素的方法有2種，分別是children()方法和find()方法。下面我們分別來使用這兩種方法，看看它們有何差異。

children()方法：獲取該元素下的直接子集元素

find()方法：獲取該元素下的所有子集元素

jquery怎么獲取子元素

query獲取子元素的方法有2種，分別是children()方法和find()方法。下面我們分別來使用這兩種方法，看看它們有何差異。

children()方法：獲取該元素下的直接子集元素

find()方法：獲取該元素下的所有子集元素

分別以以下HTML代碼為例：ullilist1ullilist1-1/lililist1-2/li/ul/lililist2ullilist2-1/lililist2-2/li/ul/lililist3ullilist3-1/lililist3-2/li/ul/li/ul

children()方法獲取ul下面直接子集元素li：$("ul").children("li")

需要注意的是，如果li元素下還有l(wèi)i元素，children方法將不會被獲取。我們可以用length來測試獲取的個數(shù)“$("ul").children("li").length”，最后輸出結果為3

find()方法獲取ul下所有元素li：$("ul").find("li")

需要注意的是，find方法會無限循環(huán)查找ul標簽節(jié)點下的li，一直找到沒有為止，用length來測試獲取個數(shù)“$("ul").find("li").length”，最后輸出結果為9

children和find的區(qū)別：children只會查找直接子集，而find會跨越層級查找，一直找到沒有為止。

jquery如何獲取第一個或最后一個子元素？

1、獲取第一個子元素有如下方法：

（1）:first

舉：$('div.one:first')，獲取所有class="one"的div的第一個div子元素。這里的限制在于父子元素都是同一種，即父元素如果是span標簽，獲取的第一個子元素也是span標簽，如果父元素是table標簽，獲取的子元素也是table標簽。

（2）:first-child

如：$('div.one:first-child')，獲取所有class="one"的div的第一個子元素，注意是“所有”，意思是說，如果這個div有多外，那么獲取的第一個子元素也是有多個。

（3）使用eq()方法

如：$('div.one span:eq(1)'),獲取class="one"下的div的第一個span子元素，同（2）一樣，也是有多個div也是獲取多個div的第一個元素。

可以通過獲取id，或者直接在父層限制一個eq(1)這樣的形式去獲取惟一一個子元素

當前題目：jquery獲取子元素,jquery獲取子元素并遍歷
網(wǎng)頁鏈接：http://chinadenli.net/article49/dsehgeh.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設、網(wǎng)站維護、、微信公眾號、用戶體驗、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)