如何使用jQuery根据类和id更改CSS？
如何使用jQuery根据类和id更改CSS？
提问于 2014-04-17 04:31:31
我有以下html。如何用id 'outerDiv1‘更改内部div的css，并将名为Class1的类应用于外部div？在页面中，有多个这样的outerdiv/innerdiv组合，但在每种情况下，外部div都有一个不同的id。
<div class="Class1 Class2" id="outerDiv1" >
<div class="raDiv" style="position: fixed; background-position: 420px 427px;></div>
</div>
<div class="Class1 Class2" id="outerDiv2" >
<div class="raDiv" style="position: fixed; background-position: 420px 427px;></div>
</div>我尝试了下面的jQuery代码，但它似乎不起作用。
jQuery以更改特定的内部div
$("#outerDiv1 .Class1 .raDiv").css("backgroundPosition", "420px 600px");回答 6
Stack Overflow用户
回答已采纳
发布于 2014-04-17 04:33:14
元素的ID应该是惟一的，所以不要在outerDiv1中使用类选择器。
当子级在层次结构中降到n级时，使用后代选择器最合适。
$("#outerDiv1 .raDiv").css("backgroundPosition", "420px 600px");或者因为.raDiv是#outerDiv1的直接子级，所以可以使用亲子选择器。
$("#outerDiv1 > .raDiv").css("backgroundPosition", "420px 600px");编辑如果这是一个好方法，则选择器的问题是，id和类之间的空间会使它成为后代选择器，并在后代中查找.Class1。您可以通过移除id outerDiv1和类Class1之间的空间来工作。
$("#outerDiv1.Class1 .raDiv").css("backgroundPosition", "420px 600px");Stack Overflow用户
发布于 2014-04-17 04:36:06
您可以使用父div ->
#outerDiv1 .raDiv {
background-position:420px 600px;
}
#outerDiv2 .raDiv {
background-position: 0 0;
} 使用Jquery；
$("#outerDiv1 .raDiv").css("backgroundPosition", "420px 600px");用户问题。//$("#outerDiv1 1 .Class1 .raDiv") -这意味着
<div id="outerDiv1">
<div class="class1">
<div class="raDiv"></div>
</div>
</div>Stack Overflow用户
发布于 2014-04-17 04:38:33
同意阿迪尔的回答，你也可以这样做。
$('#outerDiv1').find('.raDiv').css("backgroundPosition", "420px 600px");或
$('#outerDiv1 > raDiv').css("backgroundPosition", "420px 600px");或
$('#outerDiv1').children().css("backgroundPosition", "420px 600px");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23124639
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号