Как найти кнопки с указанным текстом внутри, используя jquery?

Question

У меня есть такая структура кода, и я хочу найти диапазон, содержащий текст " Возврат в автономном режиме " а затем добавьте класс hide_button в родительский тег «button».

В основном я хочу скрыть кнопку с текстом «Возврат в автономном режиме».

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

<span>Refund Offline</span>

</button>

Использование jQuery

спасибо заранее

Answer 1

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

Answer 2

Если ваш текст не находится в диапазоне, являющемся дочерним по отношению к кнопке (или вы не уверены на 100%), используйте

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

.closest вернет ближайший button элемент

Answer 3

Попробуйте это,

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

Answer 4

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