如何选择所有具有自定义属性的HTML元素？

Question

我知道我可以通过以下操作选择具有自定义属性的所有HTML元素：

$('p[mytag]')

如您所见，我还需要指定实际的HTML div类型（在这种情况下为p元素）。 但是，如果我需要检索所有HTML元素而不管它们的类型如何怎么办？

考虑以下代码：

<p>11111111111111</p>
<p mytag="nina">2222222222</p>
<div>33333333333</div>
<div mytag="sara">4444444444</div>

如何选择具有自定义属性mytag的2个html元素（ p和div ）？

Answer 1

您只需要使用$("[mytag]")

 console.log($("[mytag]")) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p>11111111111111</p> <p mytag="nina">2222222222</p> <div>33333333333</div> <div mytag="sara">4444444444</div> 

Answer 2

使用querySelectorAll （javascript）：

document.querySelectorAll('[mytag]');

甚至使用jQuery更简单：

$('[mytag]');