Jquery 更改具有类的下一个div的css

单击

title

应更改具有

target

类的下一个div的css

$（'.title'）。在（'click'，function（）上{
$（this.next（'.target'）.css（'background'，'gold'）；
});
.title{cursor:pointer；}
.target{背景：浅绿色；}

标题


塔尔
标题
塔尔
标题
附属的
target
您应该使用
$（this）.next（）.next（'.target'）
。因为


$（this）.next（）是

标记

因此
$（this）.next（）.next（'.target'）
将为您提供：
target

尝试下面的代码，它应该可以正常工作


$（'.title'）。在（'click'，function（）上{
$（this.next（）.next（'.target'）.css（'background'，'gold'）；
});
.title{cursor:pointer；}
.target{背景：浅绿色；}

标题


塔尔
标题
塔尔
标题
附属的
target
您应该使用
$（this）.next（）.next（'.target'）
。因为


$（this）.next（）是

标记

因此
$（this）.next（）.next（'.target'）
将为您提供：
target

尝试下面的代码，它应该可以正常工作


$（'.title'）。在（'click'，function（）上{
$（this.next（）.next（'.target'）.css（'background'，'gold'）；
});
.title{cursor:pointer；}
.target{背景：浅绿色；}

标题


塔尔
标题
塔尔
标题
附属的
targ
根据

获取匹配元素集中每个元素紧跟其后的同级元素。如果提供了选择器，则仅当它与该选择器匹配时，才会检索下一个同级

因此，在您的情况下，紧随其后的兄弟姐妹是

，它没有类
.target
。因此，您看不到单击的任何效果，因为没有应用背景色。但您可以将代码编写为：


$（文档）。在（“单击”、“.title”上，函数（e）{
美元（e.target）
.find（“~.target:first”）
.css（“背景”、“黄金”）；
});
.title{
光标：指针；
}
.目标{
背景：浅绿色；
}

标题


塔尔
标题
塔尔
标题
附属的
targ
根据

获取匹配元素集中每个元素紧跟其后的同级元素。如果提供了选择器，则仅当它与该选择器匹配时，才会检索下一个同级

因此，在您的情况下，紧随其后的兄弟姐妹是

，它没有类
.target
。因此，您看不到单击的任何效果，因为没有应用背景色。但您可以将代码编写为：


$（文档）。在（“单击”、“.title”上，函数（e）{
美元（e.target）
.find（“~.target:first”）
.css（“背景”、“黄金”）；
});
.title{
光标：指针；
}
.目标{
背景：浅绿色；
}

标题


塔尔
标题
塔尔
标题
附属的
targ
使用
nextAll（）
更智能，代码更少


$（'.title'）。在（'click'，function（）上{
$（this）.nextAll（'.target'）.first（）.css（'background'，'gold'）；
});
.title{
光标：指针；
}
.目标{
背景：浅绿色；
}

标题


塔尔
标题
塔尔
标题
附属的
targ
使用
nextAll（）
更智能，代码更少


$（'.title'）。在（'click'，function（）上{
$（this）.nextAll（'.target'）.first（）.css（'background'，'gold'）；
});
.title{
光标：指针；
}
.目标{
背景：浅绿色；
}

标题


塔尔
标题
塔尔
标题
附属的
targ