Javascript 使用Greasemonkey帮助隐藏基于文本内容的DIV标记
我正在寻找一种编写Greasemonkey脚本的方法,该脚本将采用以下代码片段,并仅显示由Javascript 使用Greasemonkey帮助隐藏基于文本内容的DIV标记,javascript,greasemonkey,Javascript,Greasemonkey,我正在寻找一种编写Greasemonkey脚本的方法,该脚本将采用以下代码片段,并仅显示由组成的代码块。下面是一个使用的脚本。困难的部分是选择 请注意 @jared farrish来自《潜入油脂城》杂志:var allDivs,thisDiv;allDivs=document.evaluate(“//div[@class='sponsoredlink']”,document,null,XPathResult.UNORDERED\u NODE\u SNAPSHOT\u TYPE,null);对于(
组成的代码块。下面是一个使用的脚本。困难的部分是选择
请注意
@jared farrish来自《潜入油脂城》杂志:var allDivs,thisDiv;allDivs=document.evaluate(“//div[@class='sponsoredlink']”,document,null,XPathResult.UNORDERED\u NODE\u SNAPSHOT\u TYPE,null);对于(var i=0;i<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
}
// ==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 ();