Jquery 选择兄弟节点

在jQuery中，选择兄弟节点可以使用几种不同的方法，取决于你需要选择的是直接兄弟节点还是所有兄弟节点。以下是一些示例：

1. 使用+选择直接的下一个兄弟节点：

$('#element').next();

2. 使用+和参数选择指定的下一个兄弟节点：

$('#element').next('.some-class');

3. 使用~选择所有的兄弟节点：

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

4. 使用~和参数选择指定的所有兄弟节点：

$('#element').siblings('.some-class');

示例代码：

<div id="container">
  <div id="element">我是元素</div>
  <div class="sibling">我是兄弟节点1</div>
  <div class="sibling">我是兄弟节点2</div>
  <div class="sibling some-class">我是特定的兄弟节点</div>
</div>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    // 选择下一个兄弟节点
    $('#element').next().css('color', 'red');
 
    // 选择所有具有some-class类的兄弟节点
    $('#element').siblings('.some-class').css('font-weight', 'bold');
  });
</script>

在这个例子中，#element的下一个兄弟节点文本颜色会变成红色，而所有具有some-class类的兄弟节点的字体加粗。