帮助隐藏DIV标签,基于文本内容,使用Greasemonkey
Help with hiding DIV tags, based on text content, using Greasemonkey
我正在寻找一种方法来编写一个Greasemonkey脚本,该脚本将采用以下代码片段,并且仅显示由<div class="A"
组成的代码块,其中"passest"answers"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>
我从Dive Into Greasemonkey:
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
}
我将这段代码视为我想要做的事情的起点。但是,我只是一个用户,不是一个程序员。
我明白我需要的逻辑是:
对于class="a"的div,如果不包含" passest "文本,也不包含"state1",则不显示该div。
下面是一个使用jQuery的脚本。困难的部分是选择选择器。
// ==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()
是区分大小写的。
相关文章:
- 如何使用jquery在填充自动完成的值后使文本框只读
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 用程序搜索JQuery数据表中的文本
- jQuery匹配JSON对象的部分文本
- onkeyup无法动态创建多个文本区域
- 如何在下面的ES6循环中获得前面的文本
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- Greasemonkey查找文本问题
- 如何将 JSON 字符串中的文本替换为 Greasemonkey 的用户脚本
- 使用 Greasemonkey 在现有元素之前插入文本节点时出现问题
- Greasemonkey脚本,当页面上找不到特定文本时发出警报不起作用
- 使用 Greasemonkey 将文本更改为图像(在静态站点上)
- 如何使用Greasemonkey自动更改文本
- 如何更改文本与Greasemonkey对齐
- 使用Greasemonkey向文本框添加日期选择器
- Greasemonkey脚本,用于在使用AJAX提交时向表单追加文本
- 使用greasemonkey删除文本
- 帮助隐藏DIV标签,基于文本内容,使用Greasemonkey
- Greasemonkey JQuery搜索动态表文本并替换为动态链接