我觉得这很简单，但我仍在学习。我需要修改此 jQuery 片段以影响 .playing1 但还没有找到这样做的正确方法。我需要同时定位 ID 和类。我试图用我的 ID 和类替换 #fitin，但代码在其原始形式之外仍然失败。
jQuery
$(function() {
$('#fitin div').css('font-size', '1em');
while( $('#fitin div').height() > $('#fitin').height() ) {
$('#fitin div').css('font-size', (parseInt($('#fitin div').css('font-size')) - 1) + "px" );
}
});
简化的 HTML
<body>
<script src="fitin.js"></script>
<div id="block-views-nowplayingtest-block">
<div class="playing1">
<!--My Text -->
</div>
</div>
</body>
CSS
#block-views-nowplayingtest-block div.playing1
{
float:left;
overflow:hidden;
height:1.5em;
width:100%;
height:70px;
text-align:center;
font-weight:bolder;
font-size:1em;
}
注意:原始的 JQuery 不是我写的，很遗憾，此时我无法找到源代码。
编辑:打字错误
最佳答案
如果您只需要影响类 .playing1，请使用:
.playing1(该类中的所有元素)div.playing1用于(该类中的所有 div)。
如果您想要那个特定的子元素，而不需要其他元素，请使用:
#block-views-nowplayingtest-block .playing1(该类中属于该 id 的子元素的所有元素)#block-views-nowplayingtest-block div.playing1(该类中属于该 id 的子级的所有 div)
始终牢记在定位类时要做到多具体，以及您定义的类是将用于多种元素类型还是仅用于一种类型。
关于javascript - 在 jQuery 中同时定位 ID 和类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22443096/