如何在JQuery中将相邻的同级选择器与“ this”一起使用?

蓝龙360

我有div同一个类的各种列表我正在使用该.each功能在用户单击时选择单个选项(仅作为示例),其后的任何操作自然都需要this,因此它仅选择了相关的div。例如:

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

但是,如果我想使单击的行中的下一个元素也变为绿色,该怎么办?我的第一个直觉是使用相邻的兄弟选择器,但似乎仅在使用两个绝对元素(即)时才有效$(".element1 + .element2")我似乎无法使用它this

这是一个带有完整示例JSfiddle

我怎样才能做到这一点?

佩塔

你在找 $(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/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在JQuery中将相邻的同级选择器与“ this”一起使用?

来自分类Dev

将:host-context()与相邻的同级选择器一起使用

来自分类Dev

类,相邻的同级对象和伪选择器无法一起使用

来自分类Dev

如何在ngrx中将withLatestFrom与选择器一起使用?

来自分类Dev

将':: after'选择器与同级的'+'选择器一起使用

来自分类Dev

将变量与jquery选择器一起使用

来自分类Dev

将此与伪选择器jquery一起使用

来自分类Dev

在jQuery中将$(this)与css类选择器一起使用

来自分类Dev

如何在Rails中将jQuery与Sunspot一起使用?

来自分类Dev

如何使jQuery UI日期选择器与angular2一起使用?

来自分类Dev

如何将jquery子选择器(>)与变量一起使用?

来自分类Dev

jQuery类选择器不能与动态类选择器一起使用

来自分类Dev

jQuery.on与父子选择器一起使用vs仅子选择器

来自分类Dev

如何将nth-child选择器与jquery的子选择器一起使用?

来自分类Dev

与流星一起使用日期选择器

来自分类Dev

将选择器与csQuery一起使用

来自分类Dev

与选择器一起使用max

来自分类Dev

AlarmManager无法与时间选择器一起使用

来自分类Dev

下一个同级组合器不应与复杂的选择器一起使用

来自分类Dev

在MySQL中将WHERE与AS一起使用

来自分类Dev

使jQuery与Turbolinks一起使用

来自分类Dev

仅JQuery与FormData一起使用?

来自分类Dev

jQuery preventDefault()无法与.on()一起使用

来自分类Dev

Phantom无法与JQuery一起使用

来自分类Dev

一起使用php和jquery

来自分类Dev

将jQuery插件与$ .on()一起使用

来自分类Dev

jQuery无法与Xampp一起使用

来自分类Dev

jQuery无法与SVG一起使用

来自分类Dev

与elementS一起使用的jquery blur()

Related 相关文章

热门标签

归档