$('#id').siblings() 當前元素所有的兄弟節(jié)點
成都創(chuàng)新互聯(lián)成立與2013年,先為青原等服務建站,青原等地企業(yè),進行企業(yè)商務咨詢服務。為青原企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
$('#id').prev() 當前元素前一個兄弟節(jié)點
$('#id').prevaAll() 當前元素之前所有的兄弟節(jié)點
$('#id').next() 當前元素之后第一個兄弟節(jié)點
$('#id').nextAll() 當前元素之后所有的兄弟節(jié)點
這三個方法都可以添加選擇器,給出選擇條件,就能找到你指定的兄弟節(jié)點了。
擴展資料
1、jquery 獲取元素(父節(jié)點,子節(jié)點,兄弟節(jié)點)
$("#test1").parent(); // 父節(jié)點
$("#test1").parents(); // 全部父節(jié)點
$("#test1").parents(".mui-content");
$("#test").children(); // 全部子節(jié)點
$("#test").children("#test1");
$("#test").contents(); // 返回#test里面的所有內容,包括節(jié)點和文本
$("#test").contents("#test1");
$("#test1").prev();? // 上一個兄弟節(jié)點
$("#test1").prevAll(); // 之前所有兄弟節(jié)點
$("#test1").next(); // 下一個兄弟節(jié)點
$("#test1").nextAll(); // 之后所有兄弟節(jié)點
$("#test1").siblings(); // 所有兄弟節(jié)點
$("#test1").siblings("#test2");
$("#test").find("#test1");
2、元素篩選
// 以下方法都返回一個新的jQuery對象,他們包含篩選到的元素
$("ul li").eq(1); // 選取ul li中匹配的索引順序為1的元素(也就是第2個li元素)
$("ul li").first(); // 選取ul li中匹配的第一個元素
$("ul li").last(); // 選取ul li中匹配的最后一個元素
$("ul li").slice(1, 4); // 選取第2 ~ 4個元素
$("ul li").filter(":even"); // 選取ul li中所有奇數(shù)順序的元素
1 、兄弟元素的話用css就好了nth-child();
2 、如果用JQ的話,你可以把一個作為參照物,然后找next或者prev元素 (Jensonhui.com)
jquery獲取父元素方法比較多,比如parent(),parents(),closest(),find,first-child這些都能幫你實現(xiàn)查找父節(jié)點、子節(jié)點、兄弟節(jié)點。
$('#cur').parent().parent();或$('#cur').parent().parent('.pp');或$('#cur').parent('.pp');
jquery?兄弟節(jié)點的獲取
ul
li
h3?class="title"類目一/h3
ul
li第一項/li
li第二項/li
/ul
/li
li
h3?class="title"類目二/h3
ul
li第一項/li
li第二項/li
/ul
/li/ul
比如要點擊類目一所在的?h3,對其兄弟節(jié)點的?ul?添加一個叫做?"show"?的?class,代碼如下:
$(".title").click(function?()?{?$(this).parent().find('ul').addClass('show');?});
就是通過先找到?h3?與?ul?共同的父節(jié)點?li?然后來用?find()?找到?ul,還有一種方法是使用?siblings()?函數(shù),代碼如下:
(".title").click(function()?{?$(this).siblings('ul').addClass('show');?})
子節(jié)點怎么獲得?.
$("#tbody1:first-child")
:first-child
匹配第一個子元素
':first'?只匹配一個元素,而此選擇符將為每個父元素匹配一個子元素
使用index方法,注意是從0開始計數(shù)的
$(function(){?
alert($("ol?li#test").index());
});
$('#id').siblings() 當前元素所有的兄弟節(jié)點
$('#id').prev() 當前元素前一個兄弟節(jié)點
$('#id').prevaAll() 當前元素之前所有的兄弟節(jié)點
$('#id').next() 當前元素之后第一個兄弟節(jié)點
$('#id').nextAll() 當前元素之后所有的兄弟節(jié)點
JQuery中用siblings()方法取兄弟節(jié)點的元素。
jQuery.siblings() 是返回兄弟姐妹節(jié)點,不分前后。
比如有如下html頁面:
!DOCTYPE html
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
/head
body
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
script
$('li.third-item').siblings().css('background-color', 'red');
/script
/body
/html
運行結果:
網(wǎng)站名稱:jquery獲取兄弟元素,jquery查找兄弟元素
瀏覽路徑:http://chinadenli.net/article38/dsdsepp.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供、網(wǎng)站建設、軟件開發(fā)、網(wǎng)站維護、企業(yè)網(wǎng)站制作、ChatGPT
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)