jquery 获取所点击项目的某个兄弟元素

要使用 jQuery 获取被点击的项目的某个兄弟元素，你可以使用 jQuery 的 `siblings()` 方法。下面是一个示例代码：

HTML部分：

<ul id="myList">
  <li>项目1 <span class="info">信息1</span></li>
  <li>项目2 <span class="info">信息2</span></li>
  <li>项目3 <span class="info">信息3</span></li>
</ul>

JavaScript部分：

$(document).ready(function() {
  $('#myList li').click(function() {
    var siblingText = $(this).siblings('.info').text();
    console.log(siblingText);
  });
});

这段代码会在点击列表项 (`<li>`) 时获取对应的兄弟元素 (`<span class="info">`) 的文本内容，并将其输出到控制台。你可以根据需要修改选取的兄弟元素的选择器和处理逻辑。

相关问题

jquery点击按钮移除兄弟类名

在jQuery中，你可以通过`.on()`事件处理器结合`.removeClass()`方法来实现点击按钮后移除某个元素的兄弟节点的特定类名。这里是一个简单的例子：

// 假设你有一个按钮id为"removeBtn"，你想在点击这个按钮时移除所有同级兄弟元素的"myClass"类
$("#removeBtn").on("click", function() {
    // 获取当前按钮所在的祖先元素，这通常是共同的父亲容器
    var parentElement = $(this).closest('.parentContainer'); // 将'.parentContainer'替换为你实际的父元素选择器
    
    // 然后找到这个父元素下的所有兄弟元素，并移除"myClass"类
    parentElement.find('.brotherElement.myClass').removeClass('myClass');
});

在这个示例中，`find()`方法用于查找符合条件的所有兄弟元素（`.brotherElement`），然后`removeClass('myClass')`去除它们的`myClass`类。