创建 Greasemonkey 脚本以在找到时删除某些 HTML 行 [重复]答案

【问题标题】：Create Greasemonkey script to Remove certain HTML lines when found [duplicate]创建 Greasemonkey 脚本以在找到时删除某些 HTML 行 [重复]
【发布时间】：2015-01-19 22:18:29
【问题描述】：

我正在尝试制作可以删除 html 中某些行的油脂猴子脚本

例如这样

<ul class="actionList" id="actionList" style="height: 158px;">
    <li class="actionListItem minion minion-0 first">
        <div class="header">
            <div class="verbs">
                <a data-tipped="Look at the XXX" class="view verb tip-static" href="#"></a>
                <a title="Attack XXX" href="#" class="verb attack attack-1 action-attack-minion-2442 default"></a></div>
            <a data-tipped="minion" data-name="XXX" class="icon tip-static" href="#"></a>XXX</div></li>
    <li class="actionListItem minion minion-0">
        <div class="header">
            <div class="verbs">
                <a data-tipped="Look at XXX" class="view verb tip-static" href="#"></a>
                <a title="Attack XXX" href="#" class="verb attack attack-2 action-attack-minion-2442 default"></a></div>
            <a data-tipped="minion" data-name="XXX" class="icon tip-static" href="#"></a>XXX</div></li>
    <li class="actionListItem Minion Minion-0 last">
    <div class="header"><div class="verbs"><a data-tipped="Look at the XXX" class="view verb tip-static" href="#"></a><a title="Attack XXX" href="#" class="verb attack attack-3 action-attack-Minion-2442 default"></a></div><a data-tipped="Minion" data-name="XXX" class="icon tip-static" href="#"></a>XXX</div></li></ul>

我要删除

试过这样的

$('li:contains("actionListItem minion minion-0")').parent().remove();

我还是新手，无法编写脚本。帮助将不胜感激

【问题讨论】：

您要删除class还是删除li？
如果我删除了 li ，实际上整行不会用它删除类吗？
是的，用它删除 li 类。用演示检查我的答案。
i62.tinypic.com/1yl65u.png li 用红色方块标记了我要删除的内容

标签： javascript jquery html

【解决方案1】：

试试这个：

$( ".doc" ).remove()

这是您的确切示例的答案（http://pl.tinypic.com/view.php?pic=1yl65u&s=8）：

$('#actionList').empty();

【讨论】：

这不起作用我不想删除操作列表 ul 下的每个 li
你说“我要删除的 li 用红色方块标记”。带有红色边框的标记要您确实要删除。您有许多按类别删除的示例，按此问题的答案中的内容。尝试了解这些功能是如何工作的
是的，有一些 li 并没有一直显示在那个 HTML 我只是想删除那些包含类中的生物 li
我不想要用生物移除

$( "#actionList .creature" ).remove()

试过这个和这个 $('#actionList.actionListItem.creature.creature-0.first').remove();没用:(

【解决方案2】：

$('li:contains("Vegetables")').parent().remove();

或

如果您在删除行之前知道类名，那么只需点赞

$(".doc").parent().remove();

$('li:contains("Vegetables")').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul class="iconlist">
<li class="pdf"><a href="#">Milk</a></li>
<li class="text"><a href="#">Eggs</a></li>
<li class="htm"><a href="#">Cheese</a></li>
<li class="doc"><a href="#">Vegetables</a></li>
<li class="text"><a href="#">Fruit</a></li>
</ul>

【讨论】：

实际上有母亲
并且这段代码删除了想要删除的树之上的所有 Li 树

你看过我的演示了吗？可以还是需要改变？

是的，但实际上我真正想要为其编写脚本的网站中的 html 构建似乎与我的示例不同这是它的外观和我想要删除的红色方块 i62.tinypic.com /1yl65u.png

检查我更新的答案。 $(".doc").parent().remove();

您的脚本适用于我的示例 HTML，但它不适用于我想使用它的实际网站...检查图片链接