jquery的同級(jí)元素,jquery所有元素的同輩元素
jquery中怎么獲取父級(jí)元素和同級(jí)元素
jquery中parent()可以獲取父級(jí)元素，所以獲得某元素父級(jí)的父級(jí)可以使用
創(chuàng)新互聯(lián)建站長(zhǎng)期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為靈石企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)，靈石網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。
$(selector).parent().parent();
示例如下
創(chuàng)建Html代碼及css樣式
div class="class1"
class1
div class="class2"
class2
div class="class3"
class3
/div
/div
/div
div{padding:10px 20px;border:4px solid #ebcbbe;}
div.class1{width:200px;height:120px;}
jquery 選擇同級(jí)元素
假如要選一個(gè)高度是100像素的div
var $div = $("div").filter(function(){
return $(this).height()==100;
});
不過(guò)最好不用高度，寬度等屬性來(lái)找，定義幾個(gè)class 比如 h100，h200分別代表不同的高度，按class選擇是比較好的解決方法。
var $div = $("div.h100");
jquery如何取同級(jí)元素的子級(jí)？
jquery中同級(jí)元素即兄弟元素用siblings()獲取，子級(jí)元素用children()獲取，所以可以使用如下代碼取同級(jí)元素的子級(jí)：
$('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?=?"沒(méi)有侄子";
alert(option);
});
})
/script
/head
body
div?class="xiyouji"
div?class="sun-niu"
孫悟空
/div
div?class="sun-niu"
牛魔王
div紅孩兒/div
/div
/div
/body
/html
顯示效果：
點(diǎn)擊孫悟空后，就顯示了同級(jí)的子級(jí)元素，也就是他侄子紅孩兒。
jquery 同級(jí)的元素怎么獲取
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個(gè)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)
文章名稱：jquery的同級(jí)元素,jquery所有元素的同輩元素
轉(zhuǎn)載來(lái)于：http://chinadenli.net/article35/dsiispi.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、商城網(wǎng)站、外貿(mào)建站、App開(kāi)發(fā)、定制網(wǎng)站、服務(wù)器托管
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
