Создать сценарий Greasemonkey для удаления определенных строк HTML при обнаружении
Я пытаюсь сделать сценарий обезьяны жира, который может удалить определенные строки в 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: содержит ("actionListItem minion minion-0")').parent().remove();
Я все еще новичок в написании сценариев, он не работает. Помощь будет оценена
2 ответа
Попробуй это:
$( ".doc" ).remove()
и вот ответ для вашего точного примера ( http://pl.tinypic.com/view.php?pic=1yl65u&s=8):
$('#actionList').empty();
$('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>