我正在寻找一种编写 Greasemonkey 脚本的方法,该脚本将采用以下代码片段,并且仅显示由以下内容组成的代码块<div class="A"
其中“passtest”和“State1”都存在。
<div class="A">
<div class="B">
<a href="/link1">
<img class="imgClass" src="http://link.com/img.img" title="imgTitle"/>
</a>
</div>
<div class="C">
<span class="sc1">passtest</span>
<br/>
<em class="ec1">City1, State1</em>
</div>
</div>
<div class="A">
<div class="B">
<a href="/link1">
<img class="imgClass" src="http://link.com/img.img" title="imgTitle"/>
</a>
</div>
<div class="C">
<span class="sc1">failtest </span>
<br/>
<em class="ec1">City1, State1 </em>
</div>
</div>
<div class="A">
<div class="B">
<a href="/link1">
<img class="imgClass" src="http://link.com/img.img" title="imgTitle"/>
</a>
</div>
<div class="C">
<span class="sc1">passtest </span>
<br/>
<em class="ec1">City2, State2 </em>
</div>
</div>
我发现这个来自深入了解油猴:
var allDivs, thisDiv;
allDivs = document.evaluate("//div[@class='sponsoredlink']", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i < allDivs.snapshotLength; i++) {
thisDiv = allDivs.snapshotItem(i);
// do something with thisDiv
}
我将此代码视为我想做的事情的起点。但是,我只是一个用户,而不是编码员。
我明白我需要的逻辑是:
对于每个包含文本“passtest”且不包含“state1”的 class="a" 的 div,不显示该 div。
这是一个执行此操作的脚本,使用jQuery http://jquery.com/。困难的部分是选择选择器 http://api.jquery.com/category/selectors/.
// ==UserScript==
// @name Show State1 passes only.
// @include http://YOUR_SITE/YOUR_PATH/*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==
$("div.A") .hide ()
.has ("span.sc1:contains('passtest')")
.has ("em.ec1:contains('State1')")
.show ();
注意:contains()区分大小写 http://www.jqapi.com/#p=contains-selector.
请参阅 jsFiddle 中的实际代码。 http://jsfiddle.net/XxDXL/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)