站長資訊網
方法：1、利用siblings()方法返回指定元素的所有兄弟元素，語法為“元素對象.siblings()”；2、利用removeAttr()方法去除兄弟元素的屬性即可，語法為“兄弟元素對象.removeAttr(屬性)”。
本教程操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery怎么刪除兄弟級元素的屬性
1、獲取兄弟元素
siblings() 方法返回被選元素的所有同級元素。
同級元素是共享相同父元素的元素。
DOM 樹：該方法沿著 DOM 元素的同級元素向前和向后遍歷。
提示：請使用 prev() 或 next() 方法來縮小僅僅搜索前一個同級元素或后一個同級元素的范圍。
語法
$(selector).siblings(filter)
2、刪除兄弟元素屬性
removeAttr() 方法從被選元素移除一個或多個屬性。
語法
$(selector).removeAttr(attribute)
參數 描述
attribute 必需。規定要移除的一個或多個屬性。如需移除若干個屬性，請使用空格分隔屬性名稱。
示例如下：
<!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 (父節點) <li style="color:red">li (類名為"star"的上一個兄弟節點)</li> <li style="color:red">li (類名為"star"的上一個兄弟節點)</li> <li class="start">li (兄弟節點)</li> <li style="color:red">li (類名為"star"的下一個兄弟節點)</li> <li style="color:red">li (類名為"star"的下一個兄弟節點)</li> </ul> </div> <p>在這個例子中,我們選擇類名稱為“star”的li元素的所有兄弟元素。</p> </body> </html>
不添加jquery語句輸出結果：
添加jquery語句后輸出結果：
相關視頻教程推薦：jQuery視頻教程
