How to add id in jquery?

Question

I have created one dialog box in jquery. and there is one button called 'save'. I need to add one id to this save buttton. How can I achive in this in jquery. This is my code

$(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" );
      }

    });
});

try this `Save: { id: 'Save', click: function() { dialog.dialog( "close" ); } }` — guradio, Jul 15 '16 at 05:14
Possible duplicate of [jQuery - Add ID instead of Class](http://stackoverflow.com/questions/2176986/jquery-add-id-instead-of-class) — Karthikeyan sundaramoorthi, Jul 15 '16 at 05:19
Possible duplicate of http://stackoverflow.com/questions/1657702/addid-in-jquery — Ivin Raj, Jul 15 '16 at 05:19

ScientiaEtVeritas · Answer 1 · 2016-07-15T05:29:45.037

The Save function has a parameter event which has a target that is the DOM element of the button, then you can set the id inside of the function like this:

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

The specification about the buttons property says:

Specifies which buttons should be displayed on the dialog. The context of the callback is the dialog element; if you need access to the button, it is available as the target of the event object.

score 2 · Answer 2 · answered Jul 15 '16 at 05:32

2

This is the most simplest

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

answered Jul 15 '16 at 05:32

Rush.2707

685
10
29

score 1 · Answer 3 · answered Jul 15 '16 at 05:14

1

try this one:

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

answered Jul 15 '16 at 05:14

Ivin Raj

3,448
2
28
65

score 1 · Answer 4 · answered Jul 15 '16 at 05:15

1

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

answered Jul 15 '16 at 05:15

GeekPlux

66
5

Thanks a lot for your valid reply. I have one more doubt that how can I access this id in my js file.$("#rm-button-id").click(function(){ alert("here"); }); – jumban Jul 15 '16 at 05:52
This is what I am using now. – jumban Jul 15 '16 at 05:52

score 0 · Accepted Answer · answered Jul 15 '16 at 05:13

0

Use $("button").attr("id","testid");

answered Jul 15 '16 at 05:13

Mani

2,675
2
20
42

How to add id in jquery?

5 Answers5

Linked

Related