在jQuery中选择具有特定ID的特定元素类型

Question

我想使用jQuery找到任何canvas元素，其ID为whatever。 我以为我可以做$('canvas #whatever')，但是当页面上有一个带有该ID的画布时，它不会返回任何内容。

Answer 1

试试这个，$('canvas#whatever')

这应该工作。

Answer 2

您的选择器将返回一个画布的子元素。做$('#whatever')应该已经返回你所期望的，因为ID在页面中应该是唯一的。

无论如何，如果你真的想更具体，正确的方法来检索画布与此ID是去除有你的空间：如果你想用相同的标识使用类，然后多个元素$('canvas#whatever')

Answer 3

引用它$（“canvas.yourclass”）。我不确定那是什么原因导致您的问题，但如果它不是一个唯一的ID它是不正确的。

Answer 4

尝试class = whatever相反，似乎更好。具有相同ID的画布表现奇怪。

$('.whatever').css('background-color','green');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<canvas class="whatever" width="50px" height="50px"></canvas> 
 
<canvas class="whatever" width="50px" height="50px"></canvas> 
 
<canvas class="whatever" width="50px" height="50px"></canvas>

Answer 5

空的空间，你的元素类型后离开意味着该元素的下列选择关注儿童。 您需要将整个选择器紧紧地放在一起，没有空格。

$('canvas#whatever')