Question

我有一个包含很多列的表格，我想为表格中每行的每个按钮分配唯一的ID，我也想知道如何调用我的行中使用唯一ID的每个按钮。< / p>

例如，我的行的每个单元格中都有一个按钮，我想在按钮点击时发送ajax请求。这就是我想要的。

例如：

      <table border="1" id="repAll">
                <tr>
                    <td><button type="button" id="verify1" name="txtTitle"></button></td>
                </tr>
                <tr>
                    <td><button id="verify2" type="button"></button></td>

                </tr>
                <tr>
                    <td><input id="verify3" type="button"></td>

                </tr>
  </table>

Answer 1

为所有按钮分配相同的班级名称

<table border="1" id="repAll">
                <tr>
                    <td><button type="button" id="verify1" class="verify" name="txtTitle"></button></td>
                </tr>
                <tr>
                    <td><button id="verify2" class="verify" type="button"></button></td>

                </tr>
                <tr>
                    <td><input id="verify3" class="verify" type="button"></td>

                </tr>
  </table>

并在点击功能中使用类名

$(document).ready(function(){
    $(".verify").click(function(){

     console.log($(this).attr('id'));
        // your ajax call
    });
});

Answer 2

您可以在所有按钮中指定一个类，并执行以下操作：

$(".customClass").map(function(i) {
    this.id='custumId'+i;
})

Answer 3

如果您不想使用类，可以使用ID选择器：

$('[id^=verify]').click(function () {
  console.log($(this).attr('id')); // verify1 (for example)
});

Answer 4

您可以为click中的所有按钮定义table事件，无论它们是否已存在或将来会添加到table，例如：

$("#repAll").on("click", "[type=button]", function() {
    var currentID = this.id; //this is the id of the button
    //send the AJAX request
});

如何为我的行的每个按钮分配唯一的id，然后使用jquery使用唯一的id？

4 个答案: