Question

昨天我问了一个类似的问题（Hide element if it contains specific text）

我已经尝试调整dystroy建议的代码来隐藏另一个页面上的DIV。

这是页面HTML：

<div class="ct_pl_product_price">
<a class="ct_pl_product_link" href="/link/to/item">£0.00</a>
</div>

和以前一样，如果它包含£0.00，我想隐藏“ct_pl_product_price”DIV

这是我尝试使用的脚本：

$(document).ready(function(){

$(".ct_pl_product_price").filter(function(){
   return $(this).clone().find('.ct_pl_product_link').remove().end().text().trim()=="0.00"
}).hide()

});

我认为这是有道理的（如果我已经正确地解释了驱逐程序的代码），但它似乎不起作用。

有什么想法吗？

Answer 1

在这种情况下，您可以使用:contains选择器：

$('.ct_pl_product_price:contains("£0.00")').hide()

Answer 2

您可以使用:contains选择器：

$('.ct_pl_product_price:contains("0.00")').hide();

或者您可以使用filter，修改逻辑：

$(".ct_pl_product_price").filter(function(){
    return $(this).text().indexOf('0.00') != -1;
}).hide()

请注意，filter()会稍快一些。

如果DIV包含特定文本，则隐藏DIV

2 个答案: