thymeleaf中th:attr多属性

使用thymeleafa时候如果要hidden某些数据,我们可以使用th:attr 将数据作为html标签的一个属性存起来

例如:       

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

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

使用方式为: 

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

 如果是有多个属性要hidden,只需要用逗号隔开就可以了:

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

猜你喜欢

转载自www.cnblogs.com/uncleliang/p/9134606.html