thymeleaf页面中使用data-*自定义属性

data-*自定义属性语法

格式：data-*

1.自定义单个属性

<div th:attr="data-id=${element.getId()}" >

2.自定义多个属性

<div th:attr="data-id=${element.getId()},data-name=${element.getName()}">

获取自定义属性值

下面我们演示如何使用Jquery在js文件中获取我们的自定义属性值.

首先我们需要将刚才的代码修改一下,将当前点击的按钮的this传递过去

<div th:attr="data-id=${element.getId()}"  th:onclick="doVote(this)">

var userId = $(that).attr('data-id');

th:attr自定义多属性设置

thymeleaf可用通过th:attr设置自定义的属性，以便在前端应用到对应的属性值：

<ahref="#"th:attr="data-url=@{/manage/index},data-title=#{name}"></a>