jQuery: 如何选择页面上具有特定属性的所有元素？

Question

假设我创建了这样一个东西：

<div>
<p myAttribute='Hello'>Text</p>
..
</div>

我想在我的页面上找到所有具有myAttribute的元素，无论它们是什么。我该怎么做?

- NibblyPig

Answer 1

你可以使用有属性选择器(has-attribute selector)，例如：

$("[myAttribute]")

使用属性等于选择器来获取具有特定值的该属性的元素，如下所示：

$("[myAttribute='Hello']")

你可以在这里找到所有可用的属性选择器的完整列表。

- Nick Craver

---

@SLC - 我不太明白...你所说的嵌套搜索是什么意思？上述代码将会查找页面中所有带有该属性的元素，无论它们在哪里，你是否想要在特定的某个位置进行搜索？ - Nick Craver

它会遍历页面上的所有DOM元素，但您可以通过使用上下文来限制范围：$('[myAttribute]', '#container'); - Klemen Slavič

太好了，没问题。我不确定它是否只搜索了一层子节点。谢谢。 - NibblyPig

@Krof - $('#container [myAttribute]'); 这样写会更简洁一些，也更省资源。 - Nick Craver

是的，但如果您已经在某个地方存储了本地值 $('#container')，那么直接插入会更快。 :) - Klemen Slavič

@Krof - 这取决于浏览器...内部选择器引擎可以在这里启动，使一个选择器成为任何一种方式 :) - Nick Craver