javascript - OLリナンバリング問題

Question

私は次の順序付きリストを持っています：

<ol>     
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ol>

「display」プロパティを使用して、一度に 1 つの li を表示する必要があります。問題は、どの li が表示されても、リストの番号が 1 と表示されることです。そのため、「2. 2 番目」または「3. 3 番目」ではなく、「1. 2 番目」、「1. 3 番目」などと表示されます。 .

Answer 1

質問（不明）とあなたのフィドルを見ると、非表示のdivがリストの順序番号を保持し、1からやり直すのではなく、それぞれのリスト番号を表示するように見えるようにしたいようです。これはjqueryでは不可能で.hide()あり.show()、displayを使用しているためですリストの序数を変更するプロパティ。可視性を使用する必要があります。

試す

$('li').not(':eq(2)')
          .css('height', '0px') //Use this only if you dont want to show the lists that are hidden because visibility takes space in the page flow.
          .end().filter(':eq(2)')
          .css('visibility', 'visible');

そしてcss

ol li {
    visibility : hidden; /*Or just use jquery to set the css to visibility hidden*/
}

フィドル