如何使用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' );
    }
});