如何在Javascript中查找包含特定属性的所有元素？

Question

考虑以下代码

<button az-name="btn1">A sample button</button>
<p>A sample text</p>
<p az-name="p1">Another sample text</p>

现在我必须引用button元素和第2段元素。我怎样才能在Javascript或jQuery中实现这个目标？

Answer 1

您可以使用

$("[az-name]")

进行调整 - plunker

供参考 - attribute selector

Answer 2

使用Jquery ，您可以使用属性选择器，如下所示：

要么找到具有特定属性的p /按钮：

$button = $("button[az-name]");
$parag = $("p[az-name]");

或者，查找具有特定属性的任何标记：

$button = $("[az-name='p1']");
$parag = $("[az-name='btn1']");

或者混合两种解决方案。

请注意，您还可以使用：

  

属性包含选择器[name * =＆＃34; value＆＃34;]：选择具有指定属性的元素，其值包含给定的子字符串

像这样：

$all_az = $("[az-*='btn1']");

要获取所有具有以＆＃34; az - ＆＃34; 开头的属性的标记。