创建Greasemonkey脚本以在找到某些HTML行时将其删除

Question

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

例如，像这样

<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:包含(“actionListItem minion-0")').parent().remove()；

我在脚本编写方面还是个新手，它不工作。如果能帮上忙，我们将不胜感激

Answer 1

试试这个：

$( ".doc" ).remove()

下面是您的确切示例( http://pl.tinypic.com/view.php?pic=1yl65u&s=8 )的答案：

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

Answer 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>

​