jquery中parent()可以獲取父級(jí)元素,所以獲得某元素父級(jí)的父級(jí)可以使用
創(chuàng)新互聯(lián)建站是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、成都微信小程序、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開(kāi)發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十余年以來(lái),已經(jīng)為上千發(fā)電機(jī)租賃各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)?,F(xiàn)在,服務(wù)的上千客戶與我們一路同行,見(jiàn)證我們的成長(zhǎng);未來(lái),我們一起分享成功的喜悅。
$(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;}
選取 div 元素同級(jí)的所有 p 元素:
("element ~ siblings") 選擇器選取指定元素 "element" 同級(jí)的所有元素。
參數(shù)
element 必需。任何有效的 jQuery 選擇器。
siblings 必需。規(guī)定 element 參數(shù)的同級(jí)。
兄弟節(jié)點(diǎn)選擇
$('#id').siblings() 當(dāng)前元素所有的兄弟節(jié)點(diǎn)
$('#id').prev() 當(dāng)前元素前一個(gè)兄弟節(jié)點(diǎn)
$('#id').prevaAll() 當(dāng)前元素之前所有的兄弟節(jié)點(diǎn)
$('#id').next() 當(dāng)前元素之后第一個(gè)兄弟節(jié)點(diǎn)
$('#id').nextAll() 當(dāng)前元素之后所有的兄弟節(jié)點(diǎn)
這幾個(gè)方法都可以添加選擇器,給出選擇條件,就能找到你指定的兄弟節(jié)點(diǎn)了。
1 、兄弟元素的話用css就好了nth-child();
2 、如果用JQ的話,你可以把一個(gè)作為參照物,然后找next或者prev元素 (Jensonhui.com)
假如要選一個(gè)高度是100像素的div
var $div = $("div").filter(function(){
return $(this).height()==100;
});
不過(guò)最好不用高度,寬度等屬性來(lái)找,定義幾個(gè)class 比如 h100,h200分別代表不同的高度,按class選擇是比較好的解決方法。
var $div = $("div.h100");
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)