为什么我无法从按钮获取ID值以与我的Ajax jQuery发送

Question

我不知道我的脚本有什么问题，但是脚本无法获取按钮的ID值。 实际上，它仅获得第一个ID，但第二个仍以第一个ID显示。 这是我的剧本

$('#list').on('click','#ed', function(){
    var id = $(this).attr("value");

    $.ajax({
        url: 'template/edit.php?id='+id,
        type: 'get',
        data: {ed: id}
    })
    .done(function(fil) {
        $('#modal').modal('show');
        $('#plc_form').html(fil);
    })
    .fail(function() {
        console.log("error");
    });
});

这是我的按钮脚本

<button id="ed" value="<?php echo $row['0']?>" class="btn btn-warning">Edit</button>

我使用php来填充按钮值，并且可以正常工作，但是当我使用ajax发送值来处理服务器时，它始终只会获得第一个id。

Answer 1

问题出在您的第一行：

$('#list').on('click','#ed', function(){

您已经为jQuery的on()方法指定了可选的选择器参数。 这将过滤正在监听click事件的元素，在这种情况下，它仅限于ID为#ed的按钮。

也只是预感，但是由于您使用php发布了html，所以我猜测以下行：

<button id="ed" value="<?php echo $row['0']?>" class="btn btn-warning">Edit</button>

在循环内吗？ 您可能要避免在同一页面上创建具有相同ID的多个元素。 在此处查看此答案： https : //stackoverflow.com/a/4789863/9560897 。

编辑：每个OP的注释-“ ed”应该是name属性而不是id 。

最好使用按钮指定一个类，然后将该类用作click方法的选择器，如下所示：

<button name="ed" value="<?php echo $row['0']?>" class="my-btn-class btn btn-warning">Edit</button>

和

$('#list').on('click', '.my-btn-class', function(){