jquery msg插件覆盖另一个使用php循环的jquery插件

我有数据要显示在表中，我使用loop语句在表中回显它。当它点击一个url时，会显示一个msgbox插件，并询问是否要删除该数据。但问题是，另一个msgbox将覆盖另一个，如果我尝试单击2行url，它不会显示任何msgbox，只显示在第1行，这都是因为我做了循环语句。这是我的密码：

<table id="datatables_event" class="display">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Article Title</th>
                        <th>Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <?php
                    while($row=mysql_fetch_array($res))
                    {
                ?>
                <tbody>
                <tr>
                    <td></td>
                    <td><?php echo $row[0]; ?></td>
                    <td><?php echo $row[8]?></td>
                    <td>
                    <table>
                    <tr>
                    <td><a href="#" id="delete"><img src="images/Delete_Icon.png"alt="Delete" style="width:25px; height:25px" id="imgdel"/></a></td><td></td>
                    <td><a href="event.php?ueventid=<?php echo $row[5]; ?>"><img src="images/Update.png"alt="Update" style="width:25px; height:25px"/></a></td>
                    </tr> 
</table>
                    </td>
                    </tr>
                    <?php
                    }//end of while
                    exit;
                    ?>
                </tbody>
            </table>

#
文章标题
日期
行动

这是我的js：

$( function(){
                            $( '#imgdel' ).bind( 'click', function(){
                                  $.msg({
                                    method: 'insertAfter',
                                    target: '#delete',
                                      autoUnblock : false,
                                      clickUnblock : true,
                                      content: '<p>Delete this user?</p>' +
                                       '<p class="btn-wrap">' +
                                         '<span id="yes">Yes</span>' +
                                         '<span id="no">no</span>' +
                                       '</p>',
                        });
                        });
                        })

$（函数（）{
$（'imgdel'）.bind（'click'，function（）{
$.msg({
方法：“insertAfter”，
目标：“#删除”，
自动取消阻止：false，
clickUnblock:true，
内容：“是否删除此用户？
”+
“
”+
“是的”+
“不”+
“
”，
});
});
})

将相同的

id

分配给多个元素会导致错误。

id

只能使用一次。因此id:identifier。所以你应该给锚定一个类，并从中触发你的JS。另外，通过将数据库id添加到元素id中，为元素指定一个唯一的id。

我应该如何做到这一点？有什么建议吗？在您的行中必须有一个id字段。因此，您可以执行

id=“imgdel”

，我应该如何在javascript中分配它？像这样$（“#imgdel#”）bind（'click'，function（）{….不，你的js函数绑定在类上。比如

$（'.imgdel'）。bind（'click'，function（）{….

（注意点而不是散列）。现在，在这个函数中，你点击的元素可以作为

$（this）使用

。然后可以在回调中使用它。我的意思是在函数中，而不是回调中