Question

我有一个表，可以从该表中提取数据库中的数据，并且该表的每一列上都有一个删除按钮。当我单击按钮时，它是模态的。我的问题是仅当我单击第一行时才会出现模式。另一行功能不正常。

表

 <tr>

       <td>".$row['ad_date']."</td>
       <td>".$row['first_name'].' '.$row['last_name']."</td>
       <td>".$row['position']."</td>
       <td>".$row['company']."</td>
       <td>".$row['job_definition']."</td>
       <td>".$row['contact']."</td>
       <td>
        <button class='btn btn-danger btn-sm delete btn-flat' data-id='".$row['id']."' id='delete1'><i class='fa fa-trash'></i> Delete</button>
                          </td>

                          </tr>

脚本

$(document).ready(function () {

    $('#delete1').click(function (event) {
        $('#delete').modal('show');


    });
});

Answer 1

使用'$（文档）'，这意味着只要单击它，它就会起作用。对于每个按钮，请放置“ .delete”（可以重复的类，不能输入ID）以打开模式，其中您的ID“ #delete”将是您的模式，即您的模式的ID。试试这个：

$(document).on('click', '.delete', function(){
    $('#delete').modal('show'); 
})

$（document）.ready（function（）...仅工作表中的一列？

1 个答案: