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

失去斗志的菜鸟

于 2024-03-26 11:53:48 发布

阅读量837

点赞数 4

分类专栏：前前前端问题集锦文章标签： html jquery 前端

本文链接：https://blog.csdn.net/qq_40421671/article/details/137041487

版权

文章讲述了如何在前端代码中，无需额外请求后端数据，通过修改遍历逻辑和利用jQuery，根据数据库自增字段的顺序动态显示HTML元素，以实现页面初始化时显示第一个元素的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于以前的项目进行修改优化，前端代码根据List元素在html里进行遍历显示

原先的代码：

其中，noticeGuide.Id是标识noticeGuide的唯一值，但是不是从0开始的【是数据库自增字段】

但是在页面初始化加载的时候，我们只想显示Id在最前面的那个，即

		$(document).ready(function() {
			showWhichDiv(0);//页面加载时显示第一项
			$("#a1").attr("style","color:#05A6F3;");
		});

如何在$(document).ready(function()不额外请求后端noticeGuideList数据的情况下完成

想到的第一个办法

就是元素命名的时候，按照元素在列表里的下标命名

即<div id="title${noticeGuide.index}" class="title" style="display: view;">${noticeGuide.type}</div>

但是noticeGuide并没有index字段，而且这个前端写得很原始，循环是下面的形式

@for(){}

在这里无法也用下面类似语句来获取元素下标

@for(var i = 0; i<list.length;i++ ){}<