Question

这是html的结构

<ul id="products" class="subcategory-products products">
<h1 class="page-title">Beers</h1>
<h2><a href="http://localhost:8888/brb.local/product-category/core-range">Core Range</a></h2>

如何删除带有Core Range文本的h2 div？

Answer 1

试试这个，

:contains选择器会检查任何位置的“Core Range”，例如对于contains，“Test Core Range 1”，“Core Range 123”将始终为真。

使用过滤器过滤掉匹配的文字。

var $h2 = $('h2').filter(function() {
    return $(this).text() === "Core Range";    
});

$h2.remove();

Answer 2

尝试，

$('a:contains("Core Range")').closest('h2').remove();

Answer 3

您可以使用:contains选择器：

$('h2 a:contains("Core Range")').parent().remove();

<强> Fiddle Demo

Answer 4

你可以试试这个：

$('h2').remove();

如何删除具有特定文本的h2 div

4 个答案: