javascript - 如果没有 HTML 属性则隐藏 div

Question

我有以下代码，它应该在 #list 中重新排序我的 div。它做得很好。现在我要添加的是:如果 div 没有属性“data-l-disc”，请不要添加/隐藏它。

<select id="selectid">
  <option id="valid1" value="def">Default order</option>
  <option id="valid2" value="hl">h-l</option>
</select>
<div id="list">
---------the follow div is used about 50*-------------
 <div class="dbl" data-l-disc="1">
 ---------blabla (like 10 other divs are in here)----------
 </div>


</div>

jQuery(document).ready(function( $ ) {
  $('select').on('change', function() {
    if(document.getElementById('selectid').value == "hl") {
      var dList = $(".dbl");
      dList.sort(function(a, b){ return $(b).data("l-disc")-$(a).data("l-disc")});
      $("#list").html(dList);
    }
  })
});

Answer 1

您可以使用隐藏它

$(".dbl").not("[data-l-disc]").hide()