Thymeleaf实现链接触发动态ID按钮点击的问题求助

方案1：直接在th:onclick中注入变量值 #

这是最直接的解决方式，利用Thymeleaf的内联表达式[[${}]]将动态变量直接渲染到JS选择器中：

<a name="my_btn" value="My Btn" href="#" th:onclick="$('#' + [[${entry.name}]]).click();">Example</a>

渲染后会生成和硬编码一致的代码：$('#MyClient').click();，完全符合需求。

方案2：使用data属性+原生JS（无jQuery依赖） #

如果项目中不想依赖jQuery，可以用原生JS结合data属性实现：

<a name="my_btn" value="My Btn" href="#" th:data-target-id="${entry.name}" onclick="document.getElementById(this.dataset.targetId).click();">Example</a>

通过th:data-target-id绑定动态ID，再在点击事件中用原生JS获取该属性值并触发按钮点击。

原写法失效的原因 #

你之前的写法存在两个核心问题：

• Thymeleaf会把this.getAttribute('data-name')当作普通字符串解析，无法执行JS逻辑，最终生成的选择器是无效的$('#this.getAttribute('data-name')')。
• 单引号嵌套导致语法冲突，内层的'data-name'会打断外层的onclick字符串，引发语法错误。

内容的提问来源于stack exchange，提问作者Micho Rizo