效果展示

说明：这是jsp页面中的利用标签遍历出集合中的所有商品，利用的varStatus属性控制其中的各个商品。

实现代码

1.前端jsp代码（重点是前端代码）


      

           
                    /fileupload/${good.mainImage}"                     
                     width="130" height="130" >
          

           ${good.name}

           ¥${good.promotePrice} 
              

           
                加入购物车

说明：主要关注标签中的 varStatus="Status"，因为Status.index是随着的遍历而变化的分别是从0，1，2。。。。，根据varStatus的这个特性就可以让每个b遍历的div都设置不同的id从而控制不同的div。

2.前端js代码（重点是前端代码）

    
    function aa(id) {
        $('#s'+id).css("display","block")
    }

    function bb(id) {
        $('#s'+id).css("display","none")
    }






    }

说明：这里利用了一个巧妙的点，大div （也就是id="good1${Status.index}"）的id我可以通过this.id直接获取，但是我隐藏起来的小div （也就是id="sgood1${Status.index}"）id却不好获取，(试过使用隐藏的input并将其value设置成小div的id，但是之后总是获取的第一个id无法获取其它的id),这里我们是通过大div的id获取小div的id，小div就是在大div的id前加一个s（比如我们这大div的id是good10，那么我小的div就是sgood10，在js中获取的时候只需要将获取的大div前用字符串拼接个s即可），在利用js的鼠标移入和移出事件，来设置我要显示和隐藏的小div的display属性即可。

关于c:foreach标签中varStatus
varStatus是JSTL中c:foreach标签下的一个状态项，其它的还有如下图：

关于varStatus的属性

index属性：当前迭代的元素在集合中的索引，从0开始
count 属性：当前迭代的元素是集合中第几个元素，从 1 开始
first 属性：当前迭代的元素是否为集合中的第一个元素
current 属性：当前迭代的元素

jsp中操作c:foreach标签中varStatus属性，实现鼠标事件

效果展示 说明：这是jsp页面中的利用标签遍历出集合中的所有商品，利用的varStatus属性控制其中的各个商品。

实现代码

C/C++/C#相关栏目本月热门文章

效果展示

说明：这是jsp页面中的利用标签遍历出集合中的所有商品，利用的varStatus属性控制其中的各个商品。