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

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

成都創新互聯是一家專注于成都網站制作、網站設計與策劃設計,杭錦后網站建設哪家好?成都創新互聯做網站,專注于網站建設十余年,網設計領域的專業建站公司;建站業務涵蓋:杭錦后等地區。杭錦后做網站價格咨詢:028-86922220

（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如何獲取第一個或最后一個子元素

匹配第一個子元素

':first' 只匹配一個元素，而此選擇符將為每個父元素匹配一個子元素

$("ul li:first-child")

匹配最后一個子元素

':last'只匹配一個元素，而此選擇符將為每個父元素匹配一個子元素

$("ul li:last-child")

jquery 獲取同胞元素中的最后一個

$('#1').parent().find('li:last').css('background-color',?'red');

這樣用 號獲取最接近的子元素

jquery怎樣獲得同輩的前幾個和后幾個元素

你好！

獲取同輩的元素，有個siblings()方法，這個可以獲取到同級的所有元素;

還有prev()、next()分別獲取之前和之后的元素，這是取向前或向后的一個元素;

prevAll()、nextAll()是獲取之前和之后的所有同級元素;

ul

lilist?item?1/li

lilist?item?2/li

li?class="third-item"list?item?3/li

lilist?item?4/li

lilist?item?5/li

/ul

$("li.third-item").siblings();?//可以獲取4個li元素

$("li.third-item").prev();???//取得item2

$("li.third-item").next();???//取得item4

$("li.third-item").prevAll();??//取得item1?itme2

$("li.third-item").nextAll();??//取得item4?item5

還有種方式就是通過siblings()方法獲取到同級元素后，使用eq()方法定位元素

var?$lis?=?$("li:last").siblings();

$lis.eq(0)

希望對你有幫助！

分享文章：jquery后一個元素,jquery 最后一個子元素
網站路徑：http://vcdvsql.cn/article4/dsdjiie.html

成都網站建設公司_創新互聯，為您提供做網站、品牌網站設計、微信公眾號、標簽優化、域名注冊、網站改版

廣告

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