ユーザーがインデックスでクリックしたタブを特定しようとしています。たとえば、5つのタブの2番目をクリックした場合です。
ナビゲーションにIDを追加すると、タブの総数を取得できます。
this.numTabs = $('#myTabset').children().length;
Bootstrap 4のドキュメントから、クリックされたタブを取得できます。
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
console.log(e.target); // newly activated tab
});
どのログ:
<a class="nav-link" data-toggle="tab" href="#profileS" role="tab" aria-selected="false">Profile</a>
だから私はクリックされたタブのすべての側面を取得することができますが、それがどの「番号」タブであるかを取得する方法は?
このようなjQuery.index()メソッドを使用します...
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
var idx = $(this).index('a[data-toggle="tab"]');
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加