javascript - 非表示/表示要素のタブインデックスを無効にして再度有効にする方法は?

Question

tabindex要素が (表示可能な領域で) 表示されているかどうかに基づいて、要素のを変更するにはどうすればよいですか? 私はこれらのことの1つをしたいと思います.新しいセクションに入ると現在をリセットし、そのセクションの要素にtabindex新しいを割り当てます。または、特定の要素のtabindexを無効にして再度有効にすることができます。tabindex

html:

    <div id="nav">
        <a id="firstLink" href="#section1" tabindex="1">Go to section 1</a>
        <a id="secondLink" href="#section2" tabindex="2">Go to section 2</a>
    </div>
    <div id="container">
        <div id="section1">
            <a href="#" tabindex="3">Specific to section 1</a>
        </div>
        <div id="section2">
            <a href="#" tabindex="3">Specific to section 2</a>
        </div>
    </div>

セクションが表示されている場合にのみ、リンクをタブ順に並べたいと思います。

CSS:

    #container{
        overflow: hidden;
        width: 400px;
        height: 400px;
    }

    #section1{
        background: red;
        width: 400px;
        height: 400px;
    }

    #section2{
        background: green;
        width: 400px;
        height: 400px;
    }

実際の例: http://jsfiddle.net/2UF3n/5/

Answer 1

disabled="disabled"非表示フィールドを動的に追加または削除して、そのtabindex値を無視することができます。

$("a:hidden").attr("disabled","disabled");