Question

我的系统包括一个spring maven项目它包含一个父母列表，它通过 th：每个使用百万美元模板引擎在html页面中显示问题是它在第一个按钮上工作只是它不工作按钮的其余部分我试过下面的代码

脚本

$(document).ready(function(){
              $("#button").attr("name").click(function(){
                  alert($(this).attr("name"));

              });
            });

有百里香叶迭代器的表

<table class="table">

            <tr>
                <th>Parent Name</th>
                <!-- <th>Country</th> -->
                <!-- <th>State</th>
                        <th>District</th> -->

                <th>Address</th>
                <th>Phone No</th>
                <th>Email</th>

                <th>Active/Inactive</th>
                <th></th>
            </tr>
            <tr th:each=" parent : ${parentList}">
                <td th:text="${parent.parentName}"></td>
                <!-- <td  th:text="${parent.district.state.country.countryName}"></td> -->
                <!--    <td  th:text="${parent.district.state.stateName}"></td>
                            <td  th:text="${parent.district.districtName}"></td> -->
                <td th:text="${parent.parentAddress}"></td>
                <td th:text="${parent.parentPhone}"></td>
                <td th:text="${parent.parentEmail}"></td>


                <td><a id="button" href="#" class="btn btn-small"
                    th:value="${parent.id}" th:name="${parent.id}" th:text="${parent.id}"></a></td>
            </tr>


        </table>

Answer 1

您的代码存在一些问题。首先，你正在为你的按钮使用#ID，这应该是一个类，例如.button。

其次，选择器和点击之间的attr有点奇怪。请尝试以下代码

  $(".button").click(function(){
       alert($(this).attr("name"));
  });

jQuery隐式迭代匹配的元素。

希望这有帮助！

Answer 2

$（ “＃键”）。ATTR（ “名称”）

仅给出attr的名称，尝试获取以下参考

http://api.jquery.com/category/selectors/attribute-selectors/

使用jquery从列表中单击按钮id

2 个答案: