0

この 3 つのタブが HTML で定義されています。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>

ボタンのクリックイベントの1つでタブを非表示にしようとしています。以下のように、最後のタブのみを非表示にすることができます

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

しかし、バージョンという2番目のタブも非表示にしたいのですが、非表示にできません。以下のコードを試しました

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

しかし、機能せず、「Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: second」というエラーが表示されます。

これについてどうすればいいですか？このリンクで多くの情報を見つけることができません

4

5 に答える 5

1

<li>要素にIDを割り当ててみませんか？例えば。

<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」-非表示

$('#1').show();
于 2013-02-18T16:15:05.273 に答える
0

このように使用します $('#myTab li:eq(1) a').tab('show');

            $('#myTab a[href="#profile"]').tab('show'); // Select tab by name`
于 2013-02-18T13:38:19.947 に答える
0

非表示にするには、アクティブなクラスをコンテンツから削除するだけで十分です。

属性 href の要素には、要素「コンテンツ」の ID があるため、jquery を使用すると、次のことができます。

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

インデックスで検索するには、次を使用できます。

$('#myTab li:eq(2) a').prop('hash');
$( contentId ).removeClass('active');
于 2018-09-11T19:49:33.997 に答える