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

Answer 2

如果您想自己显示，请使用ul和计数器。但是，您也可以稍微修改自动显示的数字。

Answer 3

这post将帮助您实现这一目标。

此代码在ol中显示了许多li

3 个答案: