查找具有特定數據屬性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']")

試試吧！

Answer 2

僅舉例（過濾器）

$('#theDiv span').filter(function(){ return $(this).data("num") == 3});