使用.siblings()方法在jQuery中获取兄弟元素

jQuery中使用.siblings()获取兄弟元素

jQuery中的.siblings()方法可以用来获取一个元素的兄弟元素。.siblings()方法返回的是一个jQuery对象，包含了当前元素的所有兄弟元素。

$("#element").siblings();

上面的代码中，#element是要获取兄弟元素的元素的id，.siblings()方法返回的是一个jQuery对象，包含了所有的兄弟元素。

如果要获取某个元素的所有直接兄弟元素，可以使用.siblings( selector )方法，其中selector是一个选择器，可以用来过滤出想要的元素。

$("#element").siblings(".className");

上面的代码中，.siblings(".className")方法将返回所有class为className的元素，也就是#element的所有直接兄弟元素中class为className的元素。

.siblings()方法也可以接受一个函数参数，函数参数会对每一个兄弟元素运行，只有函数返回true时，才会把这个元素加入返回的jQuery对象中。

$("#element").siblings(function(index){
    return $(this).attr("id") == "target";
});

上面的代码中，.siblings()方法会对#element的所有兄弟元素运行函数，只有当兄弟元素的id等于target时，才会把这个元素加入返回的jQuery对象中。

.siblings()方法可以用来获取一个元素的兄弟元素，返回的是一个jQuery对象，包含了所有的兄弟元素。可以使用selector参数来过滤出想要的元素，也可以使用函数参数来过滤出想要的元素。