[SOLUCIONADO] Seleccionar Boton de un Dialog Widget

[plizarraga86]

Buenas tardes estoy tratando de seleccionar un boton de un Dialog Widget que seria el boton de "Guardar"

Código:

 $('.ui-dialog-buttonpane').
                        find('button:contains("Guardar")').button({
                            icons: {
                                primary: 'ui-icon-disk'
                            }
                        });

El problema es que tengo varios Dialogs en la misma pagina con boton "Guardar" y pues me seleccionar todos los botones "Guardar".

Quiero seleccinar el boton Guardar de un dialog en especifico intente esto pero no funciono

Código:

 $('#frmSolicitud.ui-dialog-buttonpane').
                        find('button:contains("Guardar")').button({
                            icons: {
                                primary: 'ui-icon-disk'
                            }
                        });

y esto

Código:

 $('.ui-dialog-buttonpane#frmSolicitud').
                        find('button:contains("Guardar")').button({
                            icons: {
                                primary: 'ui-icon-disk'
                            }
                        });

Saludos

[alexg88]

Buenas,

Es mejor que le pongas una clase al botón, pero aun así puedes hacerlo así:

Código Javascript:

$('#frmSolicitud .ui-dialog-buttonpane').
                        find('button:contains("Guardar")').button({
                            icons: {
                                primary: 'ui-icon-disk'
                            }
                        });
 

Fíjate que es igual que el segundo ejemplo que pones tú, pero hay un espacio de separacion entre #frmSolicitud y .ui-dialog-buttonpane. Si lo pones junto, significa que estás buscando un elemento con id = 'frmSolicitud' y class='ui-dialog-buttonpane'.

Un saludo.

[plizarraga86]

Gracias Alex por tu respuestas, pero lo solucione de la siguiente manera al inicializar el dialog con los botones con un atributo "id"

Código:

$("#dialog").dialog({
    width: 480,
    height: "auto",
    buttons: [
        {
            id: "button-cancel",
            text: "Cancel"ar,
            click: function() {
                $(this).dialog("close");
            }
        },
        {
            id: "button-guardar",
            text: "Guardar",
            click: function() {
                $(this).dialog("close");
            }
        }
    ]
});

así ya puedo seleccionar el elemento para por su id para su manipulación

Código:

$('#button-guardar').hide();

Saludos