多属性th:attr
使用thymeleafa时候如果要hidden某些数据,我们可以使用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");
注意如果使用h5的话,h5的属性规则是:data-属性名=""
获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值:
实例
$("button").click(function(){
alert($("#w3s").attr("href"));
});
如果js不是用h5的方式取值,使用jQuery
<a id="FailPass" class="btn" th:attr="itemid=${el.itemid},itemcode=${el.itemcode},operation = 'DirectorOfGeneralFail' ">不通过</a>
jQuery取值
$("#FailPass").click(function (e){
// 获得标签上自已添加的属性
const itemcode = $("#FailPass").attr("itemcode");
const itemid = $("#FailPass").attr("itemid");
const operation = $("#FailPass").attr("operation")
console.log(itemcode)
console.log(itemid)
console.log(operation)
});