您对jQuery遍历兄弟姐妹了解什么?
遍历jQuery遍历的兄弟姐妹是使用jQuery查找元素的兄弟姐妹。要在DOM树中横向遍历,请使用以下方法:
siblings():这将返回所选元素的所有同级元素。
next():此方法返回所选元素的下一个同级元素。
nextAll():此方法返回所选元素的所有下一个同级元素。
nextUntil():该nextUntil()
方法返回两个给定参数之间的所有下一个同级元素。
prev():此方法返回所选元素的前一个同级元素。
prevAll():此方法返回所选元素的所有先前的同级元素
prevUntil():该prevUntil()
方法返回两个给定参数之间的所有下一个先前的同级元素。
让我们看看同级方法,
如果要获取同级元素,请使用jQuerysiblings()
方法。它返回所选元素的所有同级元素。
示例
您可以尝试运行以下代码来学习如何siblings()
在jQuery中使用方法:
<!DOCTYPE html> <html> <head> <style> .myclass * { display: block; border: 2px solid green; color: green; padding: 3px; margin: 10px; } </style> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("li.new").siblings().css({"color": "blue", "border": "2px solid yellow"}); }); </script> </head> <body> <div style="width:600px;" class="myclass"> <ol>ol <li>li</li> <li>li</li> <li class="new">li- This is the sibling.</li> <li>li</li> <li>li</li> </ol> </div> </body> </html>