jurey获取标签属性值

多属性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)
       
    });