0

アクティブなセクションで選択されたクラスのアンカータグを含むリストアイテムのインデックス番号を取得しようとしています

取得したいLI：

<li>
            <a href="#" data-id="3" class="scene unchecked selected">The Health Care Delivery System</a>
        </li>

この例では、1のインデックスを取得する必要があります

<ul>
<li>
    <a href="#" class="scene expanded checked">Introduction</a>
</li>
<li class="active-section">
    <a class="expanded">The Section 2</a>
    <ul style="display: block;">
        <li>
            <a href="#" data-id="2" class="scene checked">Introduction</a>
        </li>
        <li>
            <a href="#" data-id="3" class="scene unchecked selected">The Health Care Delivery System</a>
        </li>
        <li>
            <a href="#" data-id="4" class="scene unchecked">Determining Payments from External Customers</a>
        </li>
        <li>
            <a href="#" data-id="5" class="scene unchecked">Checkpoint</a>
        </li>
    </ul>
</li>
<li>
    <a class="collapsed">Paying for Health Care</a>
    <ul class="collapsed" style="">
        <li>
            <a href="#" data-id="6" class="scene unchecked">Health Care Systems</a>
        </li>
        <li>
            <a href="#" data-id="7" class="scene unchecked">Find Savings with a Discount</a>
        </li>
        <li>
            <a href="#" data-id="8" class="scene unchecked">Checkpoint</a>
        </li>
        <li>
            <a href="#" data-id="9" class="scene unchecked">Defects in Ice Skate Pairs</a>
        </li>
    </ul>
</li>
<li>
    <a href="#" data-id="22" class="collapsed scene unchecked">Summary</a>
</li>
</ul>

これが私が試したものですが、機能していません

var innerIndex = $("li.active-section").index("li:has(a.selected)");
4

3 に答える 3

0 
$(".active-section li:has(a.selected)").index();

li正しい要素のインデックスを取得する必要があります。

http://jsfiddle.net/ExplosionPIlls/PKEBv/

于 2013-01-30T00:09:31.620 に答える
0

それを行う別の方法

var innerIndex = $("li.active-section li > a.selected").parent().index();

jsFiddle

于 2013-01-30T00:10:52.087 に答える
0

クラスセレクターの使用を検討していると思いますか？リスト内のリンク要素を対象としていますか？

var selectedElement = $(".scene").class("selected");

完全なコードの答えではありませんが（私の頭の答えの一番上..それがそのまま機能するかどうかさえわかりません）、より簡単な方法で同じ結果が得られるはずです。'selected'属性を持つクラスが1つだけであることを確認する必要がありますが、それは非常に明白であり、予想されます。

ハッピーコーディング！

于 2013-01-30T00:11:46.543 に答える