我有一个包含相同类的各种 div
的列表。我正在使用 .each
函数在用户点击时选择单个的(仅作为示例),之后的任何操作自然需要 this
,因此它只选择有问题的 div。例如:
$(".div").each(function(){
$(this).click(function(){
$(this).css("background","green");
});
});
但是如果我想让行中的下一个元素在单击时也变成绿色怎么办?我的第一直觉是使用 adjacent sibling selectors但似乎只有在使用两个绝对元素时才有效,即 $(".element1 + .element2")
。我似乎无法让它与 this
一起工作。
这是一个JSfiddle有一个完整的例子可以玩。
我该怎么做?
最佳答案
您正在寻找$(this).next()
http://jsfiddle.net/naad8wbr/3/
$(".div").click(function () {
$(this).next().css("background", "green");
});
如果你想要下一个和这个,那么你可以使用:
$(".div").click(function () {
$(this).next().andSelf().css("background", "green");
});
关于javascript - 如何在 JQuery 中将相邻兄弟选择器与 "this"一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27831276/