Question

我在jquery中创建了一个对话框。并且有一个名为“保存”的按钮。我需要为这个保存按钮添加一个id。我怎样才能在jquery中实现这个目标。这是我的代码

$(function() {
    $( "#dialog" ).dialog({

         height: 400,
      width: 650,
      modal: true,
      buttons: {

        Save: function() {
          dialog.dialog( "close" );
        }
      },
      close: function() {
        form[ 0 ].reset();
        allFields.removeClass( "ui-state-error" );
      }

    });
});

Answer 1

Save函数有一个参数event，其目标是按钮的DOM元素，然后你可以像这样设置函数内部的id：

Save: function(event) {
   $(event.target).attr('id', 'your-id');
}

关于buttons媒体资源的specification说：

指定应在对话框中显示哪些按钮。回调的上下文是对话框元素;如果您需要访问该按钮，它可用作事件对象的目标。

Answer 2

试试这个：

$(element).attr('id', 'YourNewID');

Answer 3

$(function() {
    $( "#dialog" ).dialog({
      height: 400,
      width: 650,
      modal: true,
      buttons: {
        save: {
          text: "Save",
          id: "my-button-id",
          click: function(){
            dialog.dialog( "close" );
          }   
        }
      }
      ...
    });
});

Answer 4

这是最简单的

$(selector).attr('id', 'TheID');

Answer 5

使用$("button").attr("id","testid");

如何在jquery中添加id？

5 个答案: