假设一个网页有一个字符串,如“我是一个简单的字符串”,我想找到。如何使用JQuery来实现这一点?
当前回答
看一下highlight (jQuery插件)。
其他回答
看一下highlight (jQuery插件)。
这将只选择包含“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");
只是添加到托尼米勒的答案,因为这让我达到了我所寻找的90%,但仍然没有工作。添加。length > 0;他的代码让我的脚本工作。
$(function() {
var foundin = $('*:contains("I am a simple string")').length > 0;
});
这个函数应该可以工作。基本上做一个递归查找直到我们得到一个不同的叶节点列表。
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;
}
如果你只是想要最接近你正在搜索的文本的节点,你可以使用这个:
$('*:contains("my text"):last');
即使你的HTML看起来像这样,这也可以工作:
<p> blah blah <strong>my <em>text</em></strong></p>
使用上面的选择器将找到<strong>标记,因为这是包含整个字符串的最后一个标记。
推荐文章
- HTML5文本区域占位符不出现
- 我如何捕捉Ajax查询后错误?
- jQuery:什么是限制“数字”仅输入文本框的最佳方法?(允许使用小数点)
- 在window.setTimeout()发生之前取消/终止
- 检测当用户滚动到底部的div与jQuery
- 检测视口方向,如果方向是纵向显示警告消息通知用户的指示
- 禁用从HTML页面中拖动图像
- 在Android中设置TextView span的颜色
- Jquery停止子事件触发父事件
- 使函数等待元素存在
- 我如何从一个URL获得片段标识符(哈希#后的值)?
- 将JS对象转换为表单数据
- 多模态叠加
- 如何从函数中禁用jQuery对话框中的按钮?
- 如何检查jQuery插件是否已加载?