Question

我在HTML文件中有标签的以下代码

<div class="tabbable">  
    <ul class="nav nav-tabs">  
       <li class="active"><a href="#overview" >Overview</a></li>
       <li class=""><a href="#edit" >Edit Company</a></li>  
       <li class=""><a href="#site" >Manage Sites</a></li>  
       <li class=""><a href="#addManagerTag" class="addManager" >Managers</a></li>  
       <li class="" ><a href="#department" >Departments</a></li>  
       <li class=""><a href="#user" >Manage Users</a></li> 
   </ul>
</div>

有谁能告诉我如何隐藏部门标签？它不应出现在选项卡

中

由于

Answer 1

尝试，

$('div.tabbable ul.nav.nav-tabs li:has(a[href="#department"])').hide();

DEMO

Answer 2

如果你想在html中这样做，你可以使用：

 <li class="" style="display:none;" ><a href="#department" >Departments</a></li>

Answer 3

添加＆＃39; id＆＃39;到部门元素

<li id="department" class="" ><a  href="#department" >Departments</a></li>

然后添加脚本来隐藏它：

<script>
   $(document)ready(function(){
      $("#department").hide();
   });
</script>

Answer 4

使用CSS，隐藏元素，尝试：

h1.hidden {
    visibility: hidden;
}

这会隐藏元素，但是空格仍然存在。

另一种选择是使用：

h1.hidden {
    display: none;
}

这将隐藏元素并删除元素先前所在的空白区域。

Answer 5

像这样：

<div class="tabbable">  
    <ul class="nav nav-tabs">  
       <li class="active"><a href="#overview" >Overview</a></li>
       <li class=""><a href="#edit" >Edit Company</a></li>  
       <li class=""><a href="#site" >Manage Sites</a></li>  
       <li class=""><a href="#addManagerTag" class="addManager" >Managers</a></li>  
       <li class=""><a href="#user" >Manage Users</a></li> 
   </ul>
</div>

隐藏标签栏中的标签

5 个答案:

DEMO