jquery获取兄弟节点

jQuery获取兄弟节点的方法

jQuery提供了多种方法来获取元素的兄弟节点，以下是常用的几种方式：

siblings()方法 siblings()方法可以获取当前元素的所有兄弟节点，不包括自己。可以通过选择器进一步筛选特定的兄弟节点。

$("#element").siblings(); // 获取所有兄弟节点
$("#element").siblings(".class"); // 获取class为"class"的兄弟节点

next()和prev()方法 next()方法获取紧邻的下一个兄弟节点，prev()方法获取紧邻的上一个兄弟节点。

$("#element").next(); // 获取下一个兄弟节点
$("#element").prev(); // 获取上一个兄弟节点

nextAll()和prevAll()方法 nextAll()方法获取当前元素之后的所有兄弟节点，prevAll()方法获取当前元素之前的所有兄弟节点。

$("#element").nextAll(); // 获取之后的所有兄弟节点
$("#element").prevAll(); // 获取之前的所有兄弟节点

nextUntil()和prevUntil()方法 nextUntil()方法获取当前元素之后直到匹配选择器的所有兄弟节点，prevUntil()方法获取当前元素之前直到匹配选择器的所有兄弟节点。

$("#element").nextUntil(".stop"); // 获取之后直到class为"stop"的所有兄弟节点
$("#element").prevUntil(".stop"); // 获取之前直到class为"stop"的所有兄弟节点

通过父节点和children()方法 可以先获取父节点，再通过children()方法获取所有子节点，然后筛选出需要的兄弟节点。

$("#element").parent().children().not("#element"); // 获取除自己外的所有兄弟节点

这些方法可以根据实际需求灵活组合使用，以满足不同的场景需求。