Javascript 使用jQuery在父级之后选择div

这显然不起作用，但我不确定从这里走到哪里。

next

将只查看紧挨着的下一个元素。您需要使用来测试以下所有同级

使用

this

而不是选择器将确保您处理的是实际单击的div，而不是具有相同类名的另一个div

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

---

您可能还希望筛选结果，以便仅将更改应用于。

一个稍短的版本：

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

---

可以替代使用或组合使用

removeClass

+

addClass

：

col-1-2

将被删除，并添加

col-1-3

。

如果你想让用户点击一个元素来触发一些JavaScript：使用一个按钮，这是它们的设计目的。如果你使用

同级（“.col-1-2”），它也可以工作

而不是

nextAll（）

@yerkoplma-前提是获得以前的兄弟姐妹以及以后的兄弟姐妹不会有问题。nextAll确实有效，但我只需要更改最近的col-1-2。如果我有另一个名为col-1-2的div类，那么这两个类看起来都会改变，因此下一个是@user715564-请参阅答案的最后一段。

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

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