想要使用jQuery隐藏选项卡（数据选项卡）？

Question

<ul class="total"> 
    <li data-tab="general"><i class="final"></i></li> 
    <li data-tab="normal"><i class="small"></i></li>  
</ul>

我这样做是为了只隐藏常规标签。但它会隐藏完整的数据。这样做的最佳解决方案是什么？

$(document).ready(function(){
    var tabs = $("li[data-tab='general']");
    tabs.hide();

Answer 1

目前尚不清楚你真正想要得到什么。但是如果你想获得指定data-tab属性的任何元素，请使用此选择器：

$("li[data-tab]");

Answer 2

检查li是否有data-tab = general，然后隐藏

$(document).ready(function () {

    var tabs = $("ul#total li");
    $.each(tabs, function () {
        if ($(this).attr('data-tab') == 'general') {
            $(this).hide();
        }
    });

});