我有以下代码,它应该在 #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);
}
})
});
最佳答案
您可以使用隐藏它
$(".dbl").not("[data-l-disc]").hide()
关于javascript - 如果没有 HTML 属性则隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43719696/