how to find buttons with specified text inside using jquery?

Question

I have this code structure , and i want to search for span that has text "Refund Offline" and then add the class hide_button to the parent tag " button".

basically I want to hide the button that has "Refund Offline" text.

<button class="scalable save submit-button" type="button" id="id_b5295d98b1d6eb3012e2dfd801ede120">

<span>Refund Offline</span>

</button>

Using jQuery

thanks in advance

Answer 1

$('button span').each ( function() {
    if($(this).text() === "Refund Offline" )
    {
        $(this).parent().addClass ( 'hide_button' );
    }
});

Answer 2

$("button > span:contains('Refund Offline')").parent().addClass("hide_button");

Answer 3

Try this,

$('button span:contains("Refund Offline")').parent().addClass("hide_button");

Answer 4

If your text isn't in a span that is a child of button (or you are not 100% sure it is) use

$(":contains('Refund Offline')").closest('button').addClass("hide_button");

.closest will return closest button element