Create Greasemonkey script to Remove certain HTML lines when found

Question

I'm trying to make grease monkey script that could remove certain lines in html

like this for example

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

I want to remove

tried something like this

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

I'm still new in scripting its not working. Help would be appreciated

actually whole line if I removed li wouldn't that remove class with it? — Shafez, Jan 19 '15 at 10:45
http://i62.tinypic.com/1yl65u.png the li's marked with red square what I want to remove — Shafez, Jan 19 '15 at 11:21

Paweł · Answer 1 · 2015-01-19T13:24:49.567

1

Try this:

$( ".doc" ).remove()

and here's answer for your exact example ( http://pl.tinypic.com/view.php?pic=1yl65u&s=8 ):

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

edited Jan 19 '15 at 13:24

answered Jan 19 '15 at 10:39

Paweł

409
3
13

that's not working I don't want to remove every li under action list ul – Shafez Jan 19 '15 at 22:26
u said "the li's marked with red square what I want to remove". mark with red border want you really want to remove. U have many examples of removal by classes, by content in answers in this question. Try understand how does those functions works – Paweł Jan 20 '15 at 07:23
yes there's some li doesn't show all the time in that HTML I just want to remove the ones contains creature in class theres li
I don't want to remove with creature

Shafez

Jan 20 '15 at 07:55

$( "#actionList .creature" ).remove() – Paweł Jan 20 '15 at 08:07

tried this and this $('#actionList.actionListItem.creature.creature-0.first').remove(); didnt work :( – Shafez Jan 20 '15 at 08:56

u should add space between id and class – Paweł Jan 20 '15 at 08:58

still doesn't work .. – Shafez Jan 20 '15 at 09:14

Sadikhasan · Answer 2 · 2015-01-19T11:33:30.080

0

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

OR

If you know class name before delete line then simply do like

$(".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>

edited Jan 19 '15 at 11:33

answered Jan 19 '15 at 10:39

Sadikhasan

18,365
21
80
122

actually there's mother
and this code removes all Li tree above the one wanted to be removed

Shafez

Jan 19 '15 at 10:57

Have you check my demo? Is it ok or need to change? – Sadikhasan Jan 19 '15 at 11:03

yes but actually the html build in the website I really want to do the script for seems different than my example this is how it looks like and the red square what I wanted to remove i62.tinypic.com/1yl65u.png – Shafez Jan 19 '15 at 11:32

Check my updated answer. `$(".doc").parent().remove();` – Sadikhasan Jan 19 '15 at 11:33

your script working for my example HTML but its not working on actual website I want to use it for ... check the image link – Shafez Jan 19 '15 at 11:50

Create Greasemonkey script to Remove certain HTML lines when found

2 Answers2

Linked