jQuery siblings() 方法

顾名思义，siblings() 方法返回所选元素的 **所有同胞元素**。它是 jQuery 中的内置方法。同胞元素是具有共同父元素的那些元素。

假设我们有一个代表元素集的 jQuery 对象，那么 siblings() 方法会在 DOM 树中搜索元素的同胞，并构建一个新的 jQuery 对象，其中包含匹配的元素。

语法

此方法接受一个可选参数，名为 filter，定义如下。

filter：它是一个选择器表达式，用于缩小同胞元素的搜索范围。它可以包含多个值。值之间应以逗号分隔。

假设有一个段落元素，它有多个同胞元素，我们需要查找该段落的 h2 和 span 同胞元素，则可以按如下方式编写。

上述语法只会返回 p 元素的 h2 和 span 同胞元素。

示例 1

在此示例中，有一个父 div 元素，它有多个子元素。在这里，我们使用 siblings() 方法来查找 span 元素的同胞。span 元素及其同胞共享共同的父元素 div。

在这里，我们没有使用 siblings() 方法的可选参数。我们需要点击给定的按钮来获取 span 元素的同胞。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，我们使用了 siblings() 方法的可选参数。在这里，我们指定了 filter 参数的多个值。

此参数会缩小搜索范围，并找到 span 元素的 h2 和 p 同胞元素。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -