javascript - 如何在 JQuery 中将相邻兄弟选择器与 "this"一起使用？

Question

我有一个包含相同类的各种 div 的列表。我正在使用 .each 函数在用户点击时选择单个的(仅作为示例)，之后的任何操作自然需要 this，因此它只选择有问题的 div。例如:

   $(".div").each(function(){
        $(this).click(function(){
               $(this).css("background","green");  
        });
    });

但是如果我想让行中的下一个元素在单击时也变成绿色怎么办？我的第一直觉是使用 adjacent sibling selectors但似乎只有在使用两个绝对元素时才有效，即 $(".element1 + .element2")。我似乎无法让它与 this 一起工作。

这是一个JSfiddle有一个完整的例子可以玩。

我该怎么做？

Answer 1

您正在寻找$(this).next()

http://api.jquery.com/next/

http://jsfiddle.net/naad8wbr/3/

$(".div").click(function () {
    $(this).next().css("background", "green");
});

如果你想要下一个和这个，那么你可以使用:

$(".div").click(function () {
    $(this).next().andSelf().css("background", "green");
});

http://api.jquery.com/andSelf/

http://jsfiddle.net/naad8wbr/4/