JQuery选择器:如何选择具有特定类*和*id的项目

Question

我正在尝试在我的页面上选择一个具有特定类和ID的HTML元素.这是标签:

<div class="statusLight" id="green"></div>

我试了这个没有运气:

$statusLight = $('.statusLight#green');

我知道我可以简单地说

$statusLight = $('#green');

但我试图找到一种方法来根据它的类来选择它.任何帮助,将不胜感激.

Answer 1

这两个#green.statusLight和.statusLight#green是有效的选择,应选择你要找的元素.第一个会更快.

您是否$(...)在加载文档后使用,即从$(document).ready(function() { ... })您的元素放置或将脚本放在元素之后？

Answer 2

我不完全确定你为什么要这样做.

ID应该是唯一的,因此当您选择它时,不需要任何进一步的专业化.如果没有,那么你需要修改你的HTML来实现它.

只有在将类选择器与元素选择器组合时,这种情况才有意义

$("div.statuslight")

但是在你的例子中,没有任何意义,因为你还有一个ID!