thymeleaf中th:attr用法

使用thymeleafa時候若是要hidden某些數據或者要在js裏面冬天獲取某些數據，咱們能夠使用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，只須要用逗號隔開就能夠了：

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