javascript - 查找具有特定数据属性的元素 jQuery

Question

我知道我总是可以遍历 DOM 树并检查数据字段的每个元素以及值是否正确，但我想要一个更简洁的解决方案。例如

    <div id="theDiv">
       <div>
         <span data-num="3" ></span>
         OTHER HTML
       </div>
       <div>
         <div><span data-num="23"></span><div>
         OTHER HTML
       </div>
       <div>
         <span data-num="3"></span>
         OTHER HTML
       </div>
    </div>

是否有一个 jQuery one liner 可以找到所有 data-num=3 的 span？我知道我可以通过

找到所有跨度

  $("#theDiv").find(span).each(function(e) { ... });

但我想要类似的东西

  $("#theDiv").find(span > data-num=3).each(function(e) { ... });

Answer 1

使用 Attribute Equals Selector

 $("#theDiv span[data-num='3']")

Try it!