Javascript “删除确认”对话框仅适用于表中的第一行

这是我表格的例子，我有两个图标用于编辑和删除。 删除时，我想弹出一个确认对话框。它只在我单击第一行的删除图标时起作用
对于其他行，jQuery事件丢失（不工作）

这是我的.php编码文件

<tbody>    
//data connection with db
while ($row = mysql_fetch_array ($res))
{
    //data rows
?>
<tr class="odd" role="row" id="row_5"> 
    <td align="center">
        <a href="#"><img src="../images/sys_icon_edit.png" width="20" height="20" alt="Edit"></a> 
        <a id="id-btn-dialog2" href="#"><img src="../images/icon_trash.png" width="20" height="20" alt="Delete"></a>
    </td>   
    //other data fields here
</tr>    
<?php
}
?>     
</tbody>

请帮我怎么做？我只是php、jQuery和javascript的初学者
jQuery代码是我在互联网上找到的，我只是更改了标题文本，而不是功能代码

提前感谢。

您正在对一个元素的多个实例使用ID/#

尝试改用类

欲了解更多信息，请访问

这是我将如何做的一个示例。

您正在对一个元素的多个实例使用ID/#

尝试改用类

欲了解更多信息，请访问

---

这是我将如何做的一个示例。

使用一个类作为删除按钮，并将处理程序设置为body标记，以支持动态添加行，而不是id

$( "body" ).on('click', ".delete", function(e) {
            e.preventDefault();
            $( "#dialog-confirm" ).removeClass('hide').dialog({
                    resizable: false,
                    width: '320',
                    modal: true,
                    title_html: true,
                    buttons: [{
                            html: " Delete ",
                            "class" : "btn btn-danger btn-minier",
                            click: function() {
                                $( this ).dialog( "close" );
                            }},
                            {
                            html: " Cancel ",
                            "class" : "btn btn-minier",
                            click: function() {
                                $( this ).dialog( "close" );
                            }
                        }]
                });
            });

---

不要使用id，而是为移除按钮使用一个类，并将处理程序设置为body标记，以支持动态添加行

$( "body" ).on('click', ".delete", function(e) {
            e.preventDefault();
            $( "#dialog-confirm" ).removeClass('hide').dialog({
                    resizable: false,
                    width: '320',
                    modal: true,
                    title_html: true,
                    buttons: [{
                            html: " Delete ",
                            "class" : "btn btn-danger btn-minier",
                            click: function() {
                                $( this ).dialog( "close" );
                            }},
                            {
                            html: " Cancel ",
                            "class" : "btn btn-minier",
                            click: function() {
                                $( this ).dialog( "close" );
                            }
                        }]
                });
            });

---

$（“#id-btn-dialog2”）。在（'click'…）

上，您正在对多个项目使用id。改为使用类。

$（“#id-btn-dialog2”）。在（'click'…）

上，您正在对多个项目使用id。用一节课来代替。非常感谢。现在它工作了！我还学习了一些屏幕点击事件来连接Java脚本。谢谢没问题。如果答案对您有帮助，请勾选正确答案；）非常感谢你。现在它工作了！我还学习了一些屏幕点击事件来连接Java脚本。谢谢没问题。如果答案对您有帮助，请勾选正确答案；）没问题，很高兴我能帮忙