Question

我在html中定义了这3个标签。我正在使用bootstrap.css的标签

  <ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;">
                    <li><a href="#product" data-toggle="tab" >Product</a></li>
                    <li><a href="#version" data-toggle="tab">Version</a></li>
                    <li><a href="#language" data-toggle="tab">Language</a></li>

   </ul>

我正在尝试隐藏按钮的单击事件之一的标签。我只能在下面隐藏最后一个标签

$('#myTab a:last').hide();

但我也想隐藏名为Version的第二个标签，但无法隐藏它。我试过下面的代码

$('#myTab a:second').hide();

但是不起作用并给出错误“未捕获的错误：语法错误，无法识别的表达式：不支持的伪：秒”

我该怎么办呢？我无法在此链接上找到很多信息here

Answer 1

这不适合你吗？

<ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;">
    <li><a href="#product" data-toggle="tab" >Product</a></li>
    <li class="hideme"><a href="#version" data-toggle="tab">Version</a></li>
    <li class="hideme"><a href="#language" data-toggle="tab">Language</a></li>
</ul>

.hideme {
    display: none;
}

Answer 2

为什么不将id分配给<li>个元素？例如。

<li id='1'><a href="#product" data-toggle="tab" >Product</a></li>
<li id='2'><a href="#version" data-toggle="tab">Version</a></li>
<li id='3'><a href="#language" data-toggle="tab">Language</a></li>

然后你可以隐藏：

$('#1').hide();

和'un'-hide

$('#1').show();

Answer 3

像这样使用$('#myTab li:eq(1) a').tab('show');

            $('#myTab a[href="#profile"]').tab('show'); // Select tab by name`

Answer 4

我认为我设法通过淘汰方式来做到这一点。如下所示定义选项卡并使用observable绑定。见下文

  <ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;">
                    <li><a href="#product" data-toggle="tab" >Product</a></li>
                    <li><a href="#version" data-toggle="tab"  data-bind ="visible: showVersionTab">Version</a></li>
                    <li><a href="#language" data-toggle="tab" data-bind ="visible: showLanguageTab">Language</a></li>

  </ul>

然后我只需要将observables设置为true和false。

Answer 5

要隐藏它，从内容中删除活动的类就足够了。

在href属性中的元素具有元素“ content”的ID，因此，如果我们使用jquery，则可以执行以下操作：

var contentId = $('#myTab a:last').prop('hash'); // href value.
$( contentId ).removeClass('active');

要按索引搜索，您可以使用：

$('#myTab li:eq(2) a').prop('hash');
$( contentId ).removeClass('active');

从引导程序中隐藏选项卡

5 个答案: