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选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。