怎么用jquery 獲取同級div 上一個div的id 跟下一個div的id

先獲取當(dāng)前對象，再根據(jù)對象去獲取上一個兄弟節(jié)點和下一個兄弟節(jié)點

創(chuàng)新互聯(lián)建站歡迎來電：13518219792，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)建站網(wǎng)頁制作領(lǐng)域十年，包括成都宣傳片制作等多個行業(yè)擁有多年建站經(jīng)驗，選擇創(chuàng)新互聯(lián)建站，為網(wǎng)站錦上添花！

.prev()

定義和用法

prev()

獲得匹配元素集合中每個元素緊鄰的前一個同胞元素，通過選擇器進行篩選是可選的。

.prev(selector)

參數(shù)描述

selector

字符串值，包含用于匹配元素的選擇器表達式。

--說明：如果給定一個表示

DOM

元素集合的

jQuery

對象，.prev()

方法允許我們在

DOM

樹中搜索這些元素的前一個同胞元素，并用匹配元素構(gòu)造一個新的

jQuery

對象。

.next()

定義和用法

next()

獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器，則取回匹配該選擇器的下一個同胞元素。

.next(selector)

參數(shù)描述

selector

字符串值，包含用于匹配元素的選擇器表達式。

--說明：如果給定一個表示

DOM

元素集合的

jQuery

對象，.next()

方法允許我們搜索

DOM

樹中的元素緊跟的同胞元素，并用匹配元素構(gòu)造新的

jQuery

對象。

示例：

!--HTML代碼--

div id="div1"111/div

div id="div2"222/div

div id="div3"333/div$("#div2").prev().attr("id"); //獲取div2同級的上一個div的id，值為div1

$("#div2").next().attr("id"); //獲取div2同級的下一個div的id，值為div3

jquery如何取同級元素的子級？

jquery中同級元素即兄弟元素用siblings()獲取，子級元素用children()獲取，所以可以使用如下代碼取同級元素的子級：

$('selector').siblings().children();

示例代碼：

html?xmlns=""

head

titleTEST/title

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/

script?src=""/script

style

div{padding:10px;margin:10px;}

div.xiyouji{width:250px;height:200px;border:4px?solid?green;}

div.sun-niu{border:4px?solid?red;}

div.sun-niu?div{border:2px?solid?blue;}

/style

script

$(function(){

$("div.sun-niu").click(function()?{

nephew?=?$(this).siblings().children().text();

if(nephew)

option?=?nephew;

else

option?=?"沒有侄子";

alert(option);

});

})

/script

/head

body

div?class="xiyouji"

div?class="sun-niu"

孫悟空

/div

div?class="sun-niu"

牛魔王

div紅孩兒/div

/div

/div

/body

/html

顯示效果：

點擊孫悟空后，就顯示了同級的子級元素，也就是他侄子紅孩兒。

jquery 選擇同級元素

假如要選一個高度是100像素的div

var $div = $("div").filter(function(){

return $(this).height()==100;

});

不過最好不用高度，寬度等屬性來找，定義幾個class 比如 h100，h200分別代表不同的高度，按class選擇是比較好的解決方法。

var $div = $("div.h100");

jquery 獲取當(dāng)前同級節(jié)點

$("a").click(function(){

//獲取當(dāng)前a的前一個同級元素: $(this).prev(), 在你提供的代碼中,即為 img元素

});

jquery 同級的元素怎么獲取

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 item5var $lis = $("li:last").siblings();$lis.eq(0)

標(biāo)題名稱：jquery同級,jquery選擇同級元素
網(wǎng)頁路徑：http://chinadenli.net/article14/dsggpge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、App設(shè)計、網(wǎng)站設(shè)計公司、商城網(wǎng)站、定制網(wǎng)站、服務(wù)器托管

廣告

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