今天小編給大家分享一下jquery如何查找同輩元素的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
德宏州網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),德宏州網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為德宏州近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)要多少錢(qián),請(qǐng)找那個(gè)售后服務(wù)好的德宏州做網(wǎng)站的公司定做!
方法有七個(gè):1、siblings(),可獲得同輩所有元素;2、next(),可獲得下一個(gè)同輩元素;3、nextAll(),可獲得下一個(gè)同輩的所有元素;4、prev(),可獲得上一級(jí)同輩元素;5、prevAll(),獲得上一級(jí)所有同輩元素等。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery查找同輩元素的方法有七個(gè):siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil()
1、siblings()方法
主要用于獲得指定元素的同輩所有元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <style> .siblings * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } </style> <script> $(document).ready(function() { $("li.start").siblings().css({ "color": "red", "border": "2px solid red" }); }); </script> </head> <body> <div style="width:500px;" class="siblings"> <ul>ul <li>li (同輩節(jié)點(diǎn))</li> <li>li (上一個(gè)同輩節(jié)點(diǎn))</li> <li class="start">li (本元素)</li> <li>li (下一個(gè)同輩節(jié)點(diǎn))</li> <li>li (同輩節(jié)點(diǎn))</li> </ul> </div> </body> </html>
2、next()方法
主要用于獲得指定元素的下一個(gè)同輩元素
$(document).ready(function() { $("li.start").next().css({ "color": "red", "border": "2px solid red" }); });
3、nextAll()方法
主要用于獲得指定元素的下一個(gè)同輩的所有元素
$(document).ready(function() { $("li.start").nextAll().css({ "color": "red", "border": "2px solid red" }); });
4、nextUntil()方法
主要用于獲得指定元素的下一個(gè)同輩元素,這個(gè)同級(jí)元素必須為指定元素與nextUntil()方法所設(shè)置元素之間的元素
5、prev()方法
主要用于獲得指定元素的上一級(jí)同輩元素
$(document).ready(function() { $("li.start").prev().css({ "color": "red", "border": "2px solid red" }); });
6、prevAll()方法
主要用于獲得指定元素上一級(jí)所有的同輩元素
$(document).ready(function() { $("li.start").prevAll().css({ "color": "red", "border": "2px solid red" }); });
7、prevUntil()方法
主要用于獲得指定元素的上一個(gè)同輩元素,這個(gè)同級(jí)元素必須為指定元素與prevUntil()方法所設(shè)置元素之間的元素
以上就是“jquery如何查找同輩元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章題目:jquery如何查找同輩元素
URL地址:http://muchs.cn/article10/jephgo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、面包屑導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、用戶(hù)體驗(yàn)、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(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)
網(wǎng)頁(yè)設(shè)計(jì)公司知識(shí)