我是靠谱客的博主 还单身钢铁侠,最近开发中收集的这篇文章主要介绍thymeleaf中th:attr,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

使用thymeleafa时候如果要hidden某些数据或者要在js里面冬天获取某些数据,我们可以使用th:attr 将数据作为html标签的一个属性存起来。
例如:

 <div id="cityBtn" class="btn" th:attr="data-cityId=${cityId}" th:text="${cityName}">上海
<span class="fa fa-angle-down"></span>
</div>

其中的 cityId是我们要保存起来的数据,然后就可以在js里面使用了。

使用方式为:

var cityId = $("#cityBtn").data("cityid");

如果是有多个属性要hidden,用逗号隔开:

<div id="cityBtn" class="btn" th:attr="data-cityId=${cityId}, data-regionId=${regionId}" th:text="${cityName}"" >上海
<span class="fa fa-angle-down"></span>
</div>

来源:https://www.cnblogs.com/mailyuan/p/11403915.html

最后

以上就是还单身钢铁侠为你收集整理的thymeleaf中th:attr的全部内容,希望文章能够帮你解决thymeleaf中th:attr所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部