jquery - 如何删除带有特定文本的 h2 div

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”，例如“测试核心范围 1”、“核心范围 123”对于包含始终为真。

使用过滤器过滤出匹配的文本。

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

$h2.remove();