как выбрать кнопку, сопоставив текст внутри пролета

Question

Я хочу отключить кнопку, которая появляется в диалоговом окне в зависимости от условия.Проблема в том, как получить доступ к кнопке, поскольку она динамически генерируется с помощью диалогового окна?

Сгенерированный HTML-код в диалоговом окне:

<button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="true">
    <span> class="ui-button-text">Save</span>
</button>

Answer 1

Я предполагаю, что в вашем коде была опечатка, и вы не хотели закрывать открывающий тег span, поэтому ваш код

<button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="true">
    <span class="ui-button-text">Save</span>
</button>

Затем вы можете изменить слово Сохранить в следующей строке на любой текстнаходится в кнопке, которую вы хотите скрыть

$("button span:contains('Save')").parent().attr("disabled", true);

Answer 2

для динамической генерации DOM вы можете использовать .live()

Answer 3

$("span:contains('Save')").parent().attr("disabled", true);

Answer 4

Вы можете использовать JQuery для сопоставления по атрибутам:

$('button[role=button]').attr("disabled", true);