Search code examples
jqueryjquery-uijquery-selectors

how to select button by matching text inside a span

I want to disable a button which comes up in the dialog based on a condition. The problem is how do i access the button since its dynamically generated via the dialog ?

Generated html code in the dialog:

<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>
Solution

  • I assume there was a typo in your code and you didnt mean to close the opening span tag, so your code is

    <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>

    Then you can change the word Save in the next line to whatever text is in the button you want to hide

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