假设一个网页有一个字符串,如“我是一个简单的字符串”,我想找到。如何使用JQuery来实现这一点?
当前回答
这个函数应该可以工作。基本上做一个递归查找直到我们得到一个不同的叶节点列表。
function distinctNodes(search, element) {
var d, e, ef;
e = [];
ef = [];
if (element) {
d = $(":contains(\""+ search + "\"):not(script)", element);
}
else {
d = $(":contains(\""+ search + "\"):not(script)");
}
if (d.length == 1) {
e.push(d[0]);
}
else {
d.each(function () {
var i, r = distinctNodes(search, this);
if (r.length === 0) {
e.push(this);
}
else {
for (i = 0; i < r.length; ++i) {
e.push(r[i]);
}
}
});
}
$.each(e, function () {
for (var i = 0; i < ef.length; ++i) {
if (this === ef[i]) return;
}
ef.push(this);
});
return ef;
}
其他回答
通常,jQuery选择器不会在DOM中的“文本节点”中进行搜索。但是,如果您使用.contents()函数,文本节点将被包括在内,那么您可以使用nodeType属性仅过滤文本节点,并使用nodeValue属性搜索文本字符串。
$('*', 'body') .andSelf() .contents() .filter(function(){ return this.nodeType === 3; }) .filter(function(){ // Only match when contains 'simple string' anywhere in the text return this.nodeValue.indexOf('simple string') != -1; }) .each(function(){ // Do something with this.nodeValue });
只是添加到托尼米勒的答案,因为这让我达到了我所寻找的90%,但仍然没有工作。添加。length > 0;他的代码让我的脚本工作。
$(function() {
var foundin = $('*:contains("I am a simple string")').length > 0;
});
这将只选择包含“I am a simple string”的叶元素。
$('*:contains("I am a simple string")').each(function(){
if($(this).children().length < 1)
$(this).css("border","solid 2px red") });
将以下内容粘贴到地址栏以测试它。
javascript: $('*:contains("I am a simple string")').each(function(){ if($(this).children().length < 1) $(this).css("border","solid 2px red") }); return false;
如果你想抓取“I am a simple string”。首先将文本像这样包装在元素中。
$('*:contains("I am a simple string")').each(function(){
if($(this).children().length < 1)
$(this).html(
$(this).text().replace(
/"I am a simple string"/
,'<span containsStringImLookingFor="true">"I am a simple string"</span>'
)
)
});
然后这样做。
$('*[containsStringImLookingFor]').css("border","solid 2px red");
jQuery有contains方法。下面是一个片段:
<script type="text/javascript">
$(function() {
var foundin = $('*:contains("I am a simple string")');
});
</script>
上面的选择器选择包含目标字符串的任何元素。findin将是一个包含任何匹配元素的jQuery对象。查看API信息:https://api.jquery.com/contains-selector/
使用'*'通配符需要注意的一点是,您将获得所有元素,包括html和body元素,这可能不是您想要的。这就是为什么jQuery和其他地方的大多数例子都使用$('div:contains("I是一个简单的字符串")')
这个函数应该可以工作。基本上做一个递归查找直到我们得到一个不同的叶节点列表。
function distinctNodes(search, element) {
var d, e, ef;
e = [];
ef = [];
if (element) {
d = $(":contains(\""+ search + "\"):not(script)", element);
}
else {
d = $(":contains(\""+ search + "\"):not(script)");
}
if (d.length == 1) {
e.push(d[0]);
}
else {
d.each(function () {
var i, r = distinctNodes(search, this);
if (r.length === 0) {
e.push(this);
}
else {
for (i = 0; i < r.length; ++i) {
e.push(r[i]);
}
}
});
}
$.each(e, function () {
for (var i = 0; i < ef.length; ++i) {
if (this === ef[i]) return;
}
ef.push(this);
});
return ef;
}
推荐文章
- 如何在svg元素中使用z索引?
- 如何求一个数的长度?
- 使用jQuery获取第二个孩子
- 如何在扑动中垂直和水平居中文本?
- .append(), prepend(), .after()和.before()
- 矩形内的文本
- 如何使用批处理文件写入文本文件?
- 如何将JavaScript文件链接到HTML文件?
- jQuery的窗口大小调整
- 找到jQuery中所有未选中的复选框
- 在Javascript/jQuery中创建两个数字之间的所有整数数组,包括
- 它是可能的动画scrollTop与jQuery?
- 我需要哪个选择器来选择一个文本选项?
- 如何添加ID属性Html.BeginForm()在asp.net mvc?
- 如何获得<html>标签html与JavaScript / jQuery?