javascript - 如何删除在链接标题中包含某些关键字的父 div？

Question

我目前正在寻找一种方法来完全删除包含几个跨度的父 DIV，然后a[title="any-keywords-i-want-to-block"]

我目前使用的 CSS 用户样式只是删除a[title~="pony"]而不是父 div。

看起来像这样：

div >* a[title~="Pony"], div >* a[title~="brony"] {display:none !important;}

我想做的是将其转换为 Tamper monkey 的用户脚本，过滤掉几个单词（不区分大小写）。我不喜欢链接标题。如果可以在链接标题中找到任何这些关键字，则它应该删除整个父 DIV（也包含几个跨度）。

这是有问题的网站，如果您需要查看该网站的来源。

如果链接的标题包含 pony、brony、flutter shy 和任何与 mlp 相关的内容，我正在尝试删除整个缩略图 div。

Answer 1

对不起，但你不能在 CSS 中做到这一点——CSS 向下级联，你不能上树。

为了做到这一点，你必须用 Javascript/jQuery 来做：

$('a[title~="pony"]').parent().hide();