jquery如何查找当前页面的字符串并定位到那个字符串位置呢？_html/css_WEB-ITnos

jquery 如何查找当前页面的字符串并定位到那个字符串位置呢？如果找不到的话，提示没有找到。有点类似浏览器的Ctrl+f 功能，求解，谢谢大家。之前写了一个，但是不兼容谷歌浏览器

回复讨论(解决方案)

直接对document进行indexOf

直接对document进行indexOf

怎么定位呢？

直接对document进行indexOf

怎么定位呢？

搜索到了之后改变搜索元素的颜色。就行了

$(function () {
$("#find").click(function () {
clearSelection();
var searchText = $("#keyword").val();
var regExp = new RegExp(searchText, 'g'); //创建正则表达式，g表示全局的，如果不用g，则查找到第一个就不会继续向下查找了；
$('p').each(function () {
var html = $(this).html();
var newHtml = html.replace(regExp, ' ' + searchText + ' '); //将找到的关键字替换，加上highlight属性；

$(this).html(newHtml); //更新；
flag = 1;
});


var ele = $(".highlight").eq(0);
var top = ele.offset().top;
$('html,body').animate({ scrollTop: top }, 300);
})
})

function clearSelection() {
$('p').each(function () {
//找到所有highlight属性的元素；
$(this).find('.highlight').each(function () {
$(this).replaceWith($(this).text()); //将他们的属性去掉；
});
});
}



虽然没找到答案，我自己解决了，我贴出来吧

查看更多关于jquery如何查找当前页面的字符串并定位到那个字符串位置呢？_html/css_WEB-ITnos的详细内容...