c# - 此代码显示 ol 中的 li 数

Question

这是我应该首先发布的内容。

此代码显示 ol 中的 li 数。每个 li 在页面上都用一个数字(1 到 ...)表示。有什么方法可以让我使用 HTML、C#、Razor 或 JavaScript 访问当前的 li 数字值，以便我可以自己在页面的其他地方显示它？

<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