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");

以下是对其他question的解释，但是，请在查询中使用单个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>

jQuery选择器，许多类无法正常工作

2 个答案: