如何根据 JQuery 中的按钮 ID 更改对话框标题

Question

我希望能够根据在页面上单击的按钮更改 JQuery 对话框标题（以及其他内容）。

我有几个按钮完全相同 class，每个按钮都有不同的 ID。每当单击任何按钮时，都会打开对话框。我不确定 if 语句语法是否正确，因为我是 JQuery.

的新手

 $(function(){
    $(".dialogButtons").click(function(){

        if($(this).attr('id') == "button1"){

            $("#dialog-form").dialog('option', 'title', 'title for button one');

        }

        $("#dialog-form").dialog('open');
    });

我想留下原来的问题，但我确实弄清楚了如何找出点击了哪个 ID。

$(this).is("#button1")

虽然我也尝试过但没有成功，但我仍然没有想出如何更改标题：

 $("#dialog-form").attr('title', 'Button one title');

Answer 1

添加到您的按钮 data 属性并从中提取文本，而不是分别为每个按钮编写 if 语句。

试试这个：

按钮：（假设它是一个按钮）

<button class="dialogButtons" data-title="some title">Button 1</button>
<button class="dialogButtons" data-title="another title">Button 2</button>

脚本:

 $(function(){

     $( "#dialog-form" ).dialog({
        autoOpen: false,
        // other options...
     });

     $(".dialogButtons").click(function(){
         var title = $(this).data('title');
         $("#dialog-form").dialog('option', 'title', title);
         $("#dialog-form").dialog('open');
     });

});

JSFiddle

如何根据 JQuery 中的按钮 ID 更改对话框标题

How to change dialog title based on button id in JQuery

jquery

jquery-ui