使用jQuery选择父母后的div

  • Z时代
  • 2024-01-10
  • 分类：问答

<div class="col-1-3"> 
    <div class="click"></div> 
</div> 
<div class="col-1-3"> 
</div> 
<div class="col-1-2"> 
</div>

使用jQuery，我需要在用户点击“click”div时选择col-1-2 div。我需要用col-1-3替换col-1-2。到目前为止，我已经尝试了使用parent（），next（），find（）的各种方法;等等。现在，我正在寻找：使用jQuery选择父母后的div

$(".click").parent().next(".col-1-2").removeClass("col-1-2").addClass("col-1-3");

这显然不起作用，但我不知道从哪里去。

回答：

next只会查看下一个元素。您需要使用nextAll来测试以下所有兄弟姐妹。

使用this而不是选择器将确保您处理的是实际点击的div而不是另一个具有相同类名的div。

$(this).parent().nextAll(".col-1-2").removeClass("col-1-2").addClass("col-1-3");

你也不妨来过滤结果的变化仅适用于the first match。

回答：

还有一个稍短版本：

$(this).parent().siblings(".col-1-2").toggleClass("col-1-2 col-1-3");

$.fn.toggleClass可以用来代替或removeClass + addClass组合：col-1-2将被删除，col-1-3将被添加。

以上是 使用jQuery选择父母后的div 的全部内容， 来源链接： utcz.com/qa/263615.html

回到顶部