jQuery更改id中给定类的css

该语法不适用于仅更改给定id内该类的边界。 我也试过了

$('#slider1 .rangeslider__handle').css("border", "4px solid #99cc44");

及

---

您正在使用名为的插件

您当然注意到插件创建新元素以实现良好的视觉效果，因为您的插件是在具有

.rangeslider\uu句柄的元素之后创建的

此元素是另一个
div
的子元素，它具有
.rangeslider
类。

这一个是初始HTML中的
input type=“range”
的下一个兄弟

因此，要将输入
id
的句柄作为目标，可以使用
.next（）
然后使用
.find（）
，如下代码片段所示

为了清晰起见，我将该功能放置在一个按钮上。。。而且很有趣


$（文档）.ready（函数（）{
var sliderValueShow=$（“#showValue”）；
$（'#slider1'）。范围滑块({
polyfill:false，
onSlide：函数（位置、值）{
sliderValueShow.html（值）；
},
onslidend：函数（位置、值）{
sliderValueShow.html（值）；
}
});
//更改控制柄边框颜色
$（“#设置颜色”）。单击（函数（）{
$（'.#slider1'）.next（）.find（'.rangeslider_uuhandle'）.css（“border”，“4px solid”#99cc44”）；
});
});
#主{
文本对齐：居中；
填充：20px；
}
#展示价值{
字号：3em；
}
钮扣{
边界半径：10px；
背景色：青色；
填充：6px；
大纲：无；
}





4



单击“我”更改控制柄边框颜色
$（'#slider1.rangeslider_uuhandle'）.css（{“border”，“4px solid#99cc44”}）观察花括号是指该脚本在创建元素后执行还是动态创建元素？检查您是否真的选择了任何东西的一种简单方法就是使用浏览器开发工具中的JavaScript控制台。只需输入select部分
$（“#slider1.RangeSloider\uu handle”）
，控制台就会打印jQuery结果。对我来说效果很好：@Psi:他的代码没有花括号，是正确的。但是，如果您想使用花括号（适用于多个CSS属性更改），您必须使用
：
而不是属性和值之间的逗号。；）哦，没错，那是个错误。当然你需要一个冒号。我不知道$.cssThank you，谢谢你Louys，是的，这很好。我现在收到了这条消息，但是当系统允许我的时候，我会再次告诉你：“谢谢你的反馈！那些声誉低于15的人投的票会被记录下来，但不会改变公开显示的帖子分数。”哈哈。。。我不知道投票的限制也适用于回答你自己的问题。所以我选了你…；）你仍然错过了6分。。。继续使用SO，您的销售代表将增加。现在，我相信你可以接受这个答案。在投票箭头附近寻找复选标记。是的，我接受了，谢谢你让我知道这一点。我有一个问题在这里悬而未决的过去3天，没有人回答，也许你有时间？
$.fn.hasAncestor = function(a) {
    return this.filter(function() {
        return !!$(this).closest(a).length;
    });
};
$('.rangeslider__handle').hasAncestor('#slider1').css("border", "4px solid #99cc44").change();

$('#slider1').find('.rangeslider__handle').css("border", "4px solid #99cc44");