html页面使用@for(){},@if(){}，利用jquery 获取当前class在列表中的下标

在HTML页面中，您可以使用Razor语法来进行条件循环和逻辑判断。但是，获取当前class在列表中的下标通常是在服务器端进行的，然后将结果传递到客户端的HTML中。jQuery通常用于在客户端操作DOM和处理事件。

以下是一个简单的示例，展示了如何在服务器端使用Razor语法来处理列表并将下标传递到客户端的HTML中：

@{
    List<string> classes = new List<string> { "class1", "class2", "class3" };
    for (int i = 0; i < classes.Count; i++)
    {
        <div class="@classes[i]" data-index="@i">内容</div>
    }
}

在上面的代码中，我们在服务器端创建了一个字符串列表，并使用@for循环为每个元素创建了一个div，同时使用data-index属性来保存当前元素的下标。

然后，使用jQuery可以很容易地获取到当前元素的下标：

$(document).ready(function(){
    $('.your-class').click(function(){
        var index = $(this).data('index');
        console.log(index); // 输出当前元素在列表中的下标
    });
});

在上面的jQuery代码中，我们监听了类为your-class的元素的点击事件，并通过.data('index')获取了该元素的data-index属性值，即它在列表中的下标。注意替换.your-class为你实际要监听的class。