JQuery UI Confirmation Dialog - Exit Control

Question

I need to change the dialog confirmation buttons. I want the confirmation and cancel buttons to swap (so the cancellation is done to the right, not to the left of the confirmation button). I also want to change the background image on the confirmation button so that it is different in color. I thought about this in a separate jQuery code, so I do not need to embed the UI code and change it. Can this be done in the first place?

Secondly, if I take a div with the css class 'ui-dialog-buttonpane' as my selector. Which is the div surrounding the control buttons. How to choose JUST confirmation button? Is there any way I can say that I want the child control of a button of a type to contain the text "confirm"?

TIA

Lloyd

Answer 1

1) order the buttons in the dialog settings in the order in which they will be displayed.

2) $('.ui-dialog-buttonpane').children('button')[1]