1

こんにちは、Twitter ブートストラップを使用して JSP でタブを作成しています。

<ul>
    <li id="first"><a href="#datacollector" target="main"data-toggle="tab">General</a></li>
    <li><a href="#dataTab" data-toggle="tab">Transport</a></li>
    <li><a href="#datamap" data-toggle="tab">Data Map</a></li>
    <li><a href="#schedule" data-toggle="tab">Schedule</a></li>
</ul>

最初に id を指定しましLIたが、動的に に id を指定しLIます。

LIIDを持たないインデックスを見つける方法は? 2 番目のものに ID がない場合、その LI のインデックスのみを検索し、残りをチェックする必要はありませんLI。どうすればそれを取得できますか?

4

5 に答える 5

0

と で試して:not .first()ください.index()：

var idx = $('li:not([id])').first().index();
console.log(idx);

デモ

これにより、ID を持たない最初の li のインデックスが取得されます。

于 2013-04-15T10:03:37.640 に答える
0

おそらくSiblings()を探しているでしょう。Parent()への参照を取得して、そこから移動することもできます。

于 2013-04-15T09:58:21.453 に答える
0

jQuery には、このための関数があります。

$('li').on('click',function(){
    alert($(this).index());
});

注意:.index()ゼロベースのインデックスを返します。

ここに動作するjsfiddleがあります

ID なしで li のみをターゲットにするには、:not()セレクターと[id]属性セレクターを使用します。

$('li:not([id])').on('click',function(){
    alert($(this).index());
});

更新されたjsFiddle

ソース

jQuery API - .index()

于 2013-04-15T09:59:16.870 に答える
0 
$('ul li').each(function(index){

            $(this).addClass('index-'+index);

        });

例:

http://jsfiddle.net/superbshivam/HqpSF/

于 2013-04-15T10:01:01.083 に答える