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
– guradio, Commented Jul 15, 2016 at 5:14
Possible duplicate of stackoverflow.com/questions/1657702/addid-in-jquery — Ivin Raj
– Ivin Raj, Commented Jul 15, 2016 at 5:19

ScientiaEtVeritas · Accepted Answer · 2016-07-15 05:29:45Z

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.

Rush.2707 · Accepted Answer · 2016-07-15 05:32:17Z

2

This is the most simplest

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

answered Jul 15, 2016 at 5:32

Rush.2707

68310 silver badges30 bronze badges

Comments

Ivin Raj · Accepted Answer · 2016-07-15 05:14:03Z

1

try this one:

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

answered Jul 15, 2016 at 5:14

Ivin Raj

3,4312 gold badges34 silver badges70 bronze badges

Comments

GeekPlux · Accepted Answer · 2016-07-15 05:15:58Z

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, 2016 at 5:15

GeekPlux

665 bronze badges

2 Comments

jumban Over a year ago

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 Over a year ago

This is what I am using now.

Mani · Accepted Answer · 2016-07-15 05:13:13Z

0

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

answered Jul 15, 2016 at 5:13

Mani

2,6552 gold badges23 silver badges44 bronze badges

Collectives™ on Stack Overflow

How to add id in jquery?

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Linked

Related