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 c
Use $("button").attr("id","testid");
$(function() {
$( "#dialog" ).dialog({
height: 400,
width: 650,
modal: true,
buttons: {
save: {
text: "Save",
id: "my-button-id",
click: function(){
dialog.dialog( "close" );
}
}
}
...
});
});
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.
This is the most simplest
$(selector).attr('id', 'TheID');
try this one:
$(element).attr('id', 'YourNewID');