Javascript 尝试在JS中使用正则表达式的多模式窗口

伙计们，我对Javascript和正则表达式的使用不是很熟悉，我花了几个小时在资源中挖掘，尝试了多种不同的方法，但似乎无法让它工作

我有一个菜单，当你点击链接时会弹出一个模式窗口。目前我在一个页面上有18个这样的链接，所以有18个不同的模式窗口。我在php文件中对每个文件进行了如下标记：

<div class="button_menu">
    <a href="#dialog0" name="modal0" /><div class="button">HQ</div></a>
</div>

在这里

    //if close button is clicked
    $('.X, #dialog'.match(/[0-9]/)).click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask, #dialog'.match(/[0-9]/)).hide();
    }); 

---

我做错了什么？提前感谢您的帮助。

使用jQuery选择器$（“[name^='modal']”）。请参见

您可以在模态上使用数据属性将数据传递给模态打开函数或类，或部分匹配名称：下面是使用类触发事件的示例，您只需检索对话框的id即可打开

HTML

---

在HTML中使用类和数据属性来锚定标记

<div class="button_menu">
    <a href="#dialog0" name="modal0" data-link=0 class="modalsLink" /><div class="button">HQ</div></a>
</div>

---

工作起来很有魅力。谢谢

    //if close button is clicked
    $('.X, #dialog'.match(/[0-9]/)).click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask, #dialog'.match(/[0-9]/)).hide();
    }); 

    <div class="button_menu">
    <a href="#dialog0" name="modal0" class="open-dialog"/><div class="button">HQ</div></a>
</div>
<div class="button_menu">
    <a href="#dialog0" name="modal1" class="open-dialog"/><div class="button">HQ</div></a>
</div>
<div id="modal0" class="my-dialog">Dialog 1</div>
<div id="modal1" class="my-dialog">Dialog 1</div>

   $(function(){

    //initialize all your dialogs at once
    $( ".my-dialog" ).dialog({ autoOpen: false });



    //bind to your open-dialog (added to your links) class
    $(".open-dialog").on("click", function(e,ui) {
        e.stopPropagation();
        e.preventDefault();
 var dialog_name = $(this).attr('name');
 $("#" + dialog_name).dialog("open");
});
})

<div class="button_menu">
    <a href="#dialog0" name="modal0" data-link=0 class="modalsLink" /><div class="button">HQ</div></a>
</div>

$(".modalsLink").click(function () { 
        //Cancel the link behavior
        e.preventDefault();
        var modalNo = $(this).data("link");
        //Get the A tag
        var id = $(this).attr('href');

        //And do more stuff here.

});