如何使用jquery在里面找到具有指定文本的按钮？

Question

我有这个代码结构,我想搜索具有文本" 退款离线 "的跨度,然后将类hide_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').each ( function() {
    if($(this).text() === "Refund Offline" )
    {
        $(this).parent().addClass ( 'hide_button' );
    }
});