Thymeleaf 生成下标,索引,使用Stat变量

最新推荐文章于 2023-05-20 11:02:10 发布

xiaobaihaob

最新推荐文章于 2023-05-20 11:02:10 发布

阅读量396

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/xiaobaihaob/article/details/128459545

版权

Stat 内置变量使用只需变量名+Stat即可
可以获取index,count,size,current,even,odd,first,last等属性

<td >
     <button value="显示照片" th:onclick="fn([[${userStat.index}]])" style="display: block;" th:id="wol+${userStat.index}">显示照片</button>

     <img style="height: 150px;width: 200px;display: none" class="img-responsive" th:src="${user.userImg}"  alt="" th:id="img+${userStat.index}" />
 </td>

<td >
    <button value="显示照片" th:οnclick="fn([[${userStat.index}]])" style="display: block;" th:id="wol+${userStat.index}">显示照片</button>
    <img style="height: 150px;width: 200px;display: none" class="img-responsive" th:src="${user.userImg}"  alt="" th:id="img+${userStat.index}" />
</td>

<script>
    function fn(id) {
        var img=$("#img"+id);
        if(document.getElementById("wol"+id).innerHTML=="显示照片"){
           img.show();
            document.getElementById("wol"+id).innerHTML="隐藏照片";
        }else {
            img.hide();
            document.getElementById("wol"+id).innerHTML="显示照片";
        }

    }
</script>