站長(zhǎng)資訊網(wǎng)
方法：1、利用siblings()方法返回指定元素的所有兄弟元素，語(yǔ)法為“元素對(duì)象.siblings()”；2、利用removeAttr()方法去除兄弟元素的屬性即可，語(yǔ)法為“兄弟元素對(duì)象.removeAttr(屬性)”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎么刪除兄弟級(jí)元素的屬性
1、獲取兄弟元素
siblings() 方法返回被選元素的所有同級(jí)元素。
同級(jí)元素是共享相同父元素的元素。
DOM 樹：該方法沿著 DOM 元素的同級(jí)元素向前和向后遍歷。
提示：請(qǐng)使用 prev() 或 next() 方法來(lái)縮小僅僅搜索前一個(gè)同級(jí)元素或后一個(gè)同級(jí)元素的范圍。
語(yǔ)法
$(selector).siblings(filter)
2、刪除兄弟元素屬性
removeAttr() 方法從被選元素移除一個(gè)或多個(gè)屬性。
語(yǔ)法
$(selector).removeAttr(attribute)
參數(shù) 描述
attribute 必需。規(guī)定要移除的一個(gè)或多個(gè)屬性。如需移除若干個(gè)屬性，請(qǐng)使用空格分隔屬性名稱。
示例如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> .siblings *{ display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } </style> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("li.start").siblings().removeAttr("style"); }); </script> </head> <body> <div style="width:500px;" class="siblings"> <ul>ul (父節(jié)點(diǎn)) <li style="color:red">li (類名為"star"的上一個(gè)兄弟節(jié)點(diǎn))</li> <li style="color:red">li (類名為"star"的上一個(gè)兄弟節(jié)點(diǎn))</li> <li class="start">li (兄弟節(jié)點(diǎn))</li> <li style="color:red">li (類名為"star"的下一個(gè)兄弟節(jié)點(diǎn))</li> <li style="color:red">li (類名為"star"的下一個(gè)兄弟節(jié)點(diǎn))</li> </ul> </div> <p>在這個(gè)例子中,我們選擇類名稱為“star”的li元素的所有兄弟元素。</p> </body> </html>
不添加jquery語(yǔ)句輸出結(jié)果：
添加jquery語(yǔ)句后輸出結(jié)果：
相關(guān)視頻教程推薦：jQuery視頻教程
