根据HTML标记的内容删除HTML标记

Question

如何删除HTML标记，具体取决于内容是什么？

例如：

<header>
	<h3>
		<a href="/category/people/">People</a>
		<a href="/category/hide/">Hide</a>
		<a href="/category/also-hide/">Also Hide</a>
	</h3>
</header>

如果内容等于“隐藏”和“同时隐藏”，如何删除<a>代码？

Answer 1

试试:contains()选择器：

$( "a:contains('Hide')" ).remove();

Answer 2

另一种方法是使用CSS，使用伪元素。

从技术上讲，这只会隐藏元素，因此根据它们是否容易再次显示，这可能是一个选项。

a:after {
  content: attr(data-value);
}

a[data-value~="Hide"] {
  display: none;
}

<header>
	<h3>
		<a href="/category/people/" data-value="People"></a>
		<a href="/category/hide/" data-value="Hide"></a>
		<a href="/category/also-hide/" data-value="Also Hide"></a>
	</h3>
</header>