Javascript 如何使用jquery查找内部包含指定文本的按钮?
我有这个代码结构,我想搜索包含文本“离线退款”的span 然后将类hide_按钮添加到父标记“button”中 基本上我想隐藏有“离线退款”文本的按钮Javascript 如何使用jquery查找内部包含指定文本的按钮?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有这个代码结构,我想搜索包含文本“离线退款”的span 然后将类hide_按钮添加到父标记“button”中 基本上我想隐藏有“离线退款”文本的按钮 离线退款 使用jQuery 提前感谢试试这个 $('button span').each ( function() { if($(this).text() === "Refund Offline" ) { $(this).parent().addClass ( 'hide_button' ); } })
离线退款
使用jQuery
提前感谢试试这个
$('button span').each ( function() {
if($(this).text() === "Refund Offline" )
{
$(this).parent().addClass ( 'hide_button' );
}
});
$('button span:contains("Refund Offline")').parent().addClass("hide_button");
如果您的文本不在按钮的子级范围内(或者您不能100%确定它是否在),请使用
最近的
将返回最近的按钮
元素这是否与字符串“离线退款”完全匹配?不,不是。它匹配所有跨度,其中:是按钮的子级并包含字符串“Return Offline”。您可以使用$(“按钮:has(>span:contains('Return Offline'))保存函数调用。addClass('hide_button')但是谁知道有多少额外的调用是在幕后进行的。在我看来,第一个选择器将查看页面上的每个节点。对吗?如果是……是的。它查找每个节点并检查文本。您可以通过添加类似于“按钮:包含”
。。。其主要思想是,如果您不确定button>span中是否有文本,可以通过这种方式搜索更多节点。当然,您应该尝试编写更具体的选择器。如果可以的话。
$("button > span:contains('Refund Offline')").parent().addClass("hide_button");
$('button span:contains("Refund Offline")').parent().addClass("hide_button");
$(":contains('Refund Offline')").closest('button').addClass("hide_button");