jquery在thymeleaf循环的按钮元素中不能直接用id选择器

html页面中作为分页页码的按钮元素是写在thymeleaf定义的循环里的，代码如下：

<li th:each="p:${page.navigatepageNums}"><button class="btn btn-default" id="pn" th:text="${p}"></button>
</li>

使用id选择器绑定点击事件，点击数字时可以跳转页面，代码如下：

$("#pn").click(function (){$("#pageNum").val($(this).html());$("#query").submit();});

然而，结果只有“1”可以点，其他数字都点不动。将选择器换成元素选择器之后就可以了：

$("button[id='pn']".click(function (){$("#pageNum").val($(this).html());$("#query").submit();});

这两种选择器可能存在某种区别，具体是什么还没搞清楚。

jquery在thymeleaf循环的按钮元素中不能直接用id选择器相关推荐

05 HTML字符串转换成jQuery对象、绑定数据到元素上
1 要求将一段 HTML脚本封装成一个字符串,将这个字符串转换成一个jQuery对象:然后将这个jQuery对象添加到指定的元素中去 2 步骤定义字符串 var str = '<div i ...
Bootstrap按钮元素使用方法
Bootstrap按钮元素样式 Bootstrap中,总共提供了六种按钮样式,分别是默认.主要.成功.信息.警告以及危险这几个样式,它们对应的类分别是btn-default.btn-primary.b ...
使用dom方式遍历文档||获取元素||从元素中获取数据
使用dom方式遍历文档获取元素根据id查询元素getElementById 根据标签获取元素getElementsByTag 根据class获取元素getElementsByClass 根据属性获 ...
SpringBoot中使用thymeleaf时点击按钮触发事件失败
场景在SpringBoot项目中使用thymeleaf模板时按钮的点击事件没法触发. 需要用到jquery的delegate()函数. delegate()函数用于为指定元素的一个或多个事件绑定事件 ...
html元素中的click属性,从HTML中的onClick属性调用jQuery方法
我在整个系统中实现JQuery是比较新的,我正在享受这个机会. 我遇到一个问题,我想找到正确的决心. 以下是我想做的一个简单案例: 我在页面上有一个按钮,在点击事件我想调用一个我定义的jquery函数 ...
jq循环输出数组并显示在html,jquery怎么循环输出数组元素？
jquery怎么循环输出数组元素?下面本篇文章给大家介绍一下使用jquery循环输出数组元素的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 用JQuery循环输出数组元素即数 ...
iOS上的jQuery.on()冒泡事件绑定以及 iOS绝对定位元素中的输入框
来:http://www.bubuko.com/infodetail-1029287.html 上周遇到两个坑. 一是jQuery的on方法事件冒泡,在iOS中有问题. $("body&q ...
SpringBoot中使用Thymeleaf常用功能（三）：测试Thymeleaf循环取数据
搭建环境请参考文章一在index.html中新建超链接:<a th:href="@{eachtest}">测试循环</a> 新建包com.ysh.thym ...
java不进入for_为什么阿里巴巴Java开发手册中强制要求不要在foreach循环里进行元素的remove和add操作？...
在阅读<阿里巴巴Java开发手册>时,发现有一条关于在 foreach 循环里进行元素的 remove/add 操作的规约,具体内容如下: 错误演示我们首先在 IDEA 中编写一个在 f ...

jquery在thymeleaf循环的按钮元素中不能直接用id选择器

jquery在thymeleaf循环的按钮元素中不能直接用id选择器相关推荐

最新文章

热门文章