javascript - 许多类的jQuery选择器不起作用

Question

<a class="control selected" id="control1" rel="1" href="#"></a>
<a class="control" id="control2" rel="2" href="#"></a>
<a class="control" id="control3" rel="3" href="#"></a>

我有一个 jQuery Slider，在这样的标签中有缩略图：

为了使其动态化，我尝试选择每个

$('#control1.control').css("background-color", "red");
$('#control1.control.selected').css("background-color", "green");

第一个选择器有效，但不是第二个。

Answer 1

这应该工作，

$('#control1.control.selected').css("background-color", "green");

这是对其他问题的解释，但是是的，在查询中使用单个 id：

$('#control1')

Answer 2

两个选择器都有效。看我用红色突出显示第一个，用绿色突出显示第二个：

<a class="control" id="control1" rel="1" href="#">1</a>
<a class="control selected" id="control2" rel="2" href="#">2</a>
<a class="control" id="control3" rel="3" href="#">3</a>
<script>
$('#control1.control').css("background-color", "red");
$('#control2.control.selected').css("background-color", "green");
</script>