Этот код отображает количество li внутри ol

Question

Это то, что я должен был опубликовать в первую очередь.

Этот код отображает число li внутри ol. Каждый ли представлен на странице с номером (от 1 до ...). Можно ли каким-либо образом получить доступ к текущему значению числа li с помощью HTML, C #, Razor или JavaScript, чтобы я мог отобразить его в другом месте на странице?

<div id="movieslist">
<ol>
    @foreach(var row in data)
    {
        <li>
            <table>
            <tr>
                <td width="950px" valign="baseline">@row.Name, @row.ReleaseYear, @row.Genre</td>
                <td align="right" width="50px">
                    @{displayCount++;@displayCount;}
                </td>
                <td>
                    <select style="background-color:ThreeDFace">
                        <option>Choose Action</option>
                        <option onclick="window.location='dataMovies.cshtml?id=@row.id'">Google it</option>
                        <option onclick="window.location='EditMovie.cshtml?id=@row.id'">Edit Movie</option>
                        <option onclick="window.location='DeleteMovie.cshtml?id=@row.id'">Delete Movie</option>
                    </select>
                </td>
            </tr>
            </table>
        </li>
    }
</ol>

Answer 1

Я предполагаю, что вы имеете в виду нумерацию, которая автоматически связывается браузером при использовании ol или Упорядоченного списка.

С JQuery вы можете использовать .index ()

В CSS3 вы можете использовать псевдоселектор nth-child для стилизации определенных элементов: - http://reference.sitepoint.com/css/pseudoclass-nthchild

Answer 2

Этот пост поможет вам достичь этого.

Answer 3

Если вы хотите отобразить его самостоятельно, используйте ul и счетчик.Тем не менее, вы также можете немного изменить автоматически отображаемые числа.