查找具有特定数据属性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的所有跨度？我知道我可以找到所有的跨度

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

但我想要像

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

Answer 1

使用属性等于选择器

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

试试吧!