Javascript jquerymultiple"；“开场白”；一个对话框的按钮

我有大约一百万个按钮试图从jQueryUI打开一个对话框。 页面上的第一个按钮可以很好地打开对话框，但是页面上的每个其他按钮都不起任何作用，它们都有相同的id，我只是在使用网站上的基本对话框脚本（我对几乎所有的JS都是新手）

这是代码

<td style="height:15px"><input type="button" id="opener" value="Edit" onClick="currentroom( 0,0 )"></td>

这是一个例子，如果其中一个按钮

<div id="dialog" title="Set Room Type">
<a onClick="changeroomblank()"><img src="img/blank.png" alt="No room" width="32" height="32"></a>

这是对话框div的开始

最后

<script>

$( "#dialog" ).dialog({ autoOpen: false });
$( "#opener" ).click(function() {
  $( "#dialog" ).dialog( "open" );
});

</script>

$（“#dialog”）.dialog（{autoOpen:false}）；
$（“#开场白”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
});

---

因此，它几乎都是从站点复制和粘贴的，但我在任何地方寻找帮助，我看到的都是如何在对话框上获得实际按钮，而我并不需要这些按钮。

由于

id

是唯一的，因此您需要使用类来代替：

<td style="height:15px"><input type="button" class="opener" value="Edit" onClick="currentroom( 0,0 )">

---

另外，请记住将代码包装在DOM就绪处理程序

$（function（）{…}）中以确保在执行javascript之前正确添加所有DOM元素。
天啊，这太快了，我不知道，多谢了，我会接受的，如果我能帮上忙的话！快乐的编码伙伴：-）
$(function() {
    $("#dialog" ).dialog({ autoOpen: false });
    $(".opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
    });
});