Question

我想查找搜索产生的特定字词并使用window.find()滚动到该字词如何在特定div中使用window.find()而不是所有页面？

Answer 1

*这不是vanilla JavaScript *

你应该做的是将div元素缓存在一个变量中，然后添加一个像这样的函数

(function($) {
$.fn.goTo = function() {
    $('html, body').animate({
        scrollTop: $(this).offset().top + 'px'
    }, 'fast');
    return this;
}})(jQuery);

然后可以通过使用jQuery选择元素来使用它，并将自动聚焦到它。它的一半为你解决了

接下来，我会使用此链接中使用的内容来突出显示特定字符串highlight text tutorial。

然后最简单的部分是在div中找到字符串。你要做的是取你找到的字符串的长度并使用那个值。

var sub = find.length //The string you are looking for
element.substring(element.indexOf(find, sub);

这假设您的div不包含子元素。否则，您必须修改它以循环遍历子元素列表，并使用上面描述的find方法检查每个子元素。没有太大的改变，但仍然是一个变化。

希望这有帮助

如何在特定的div中使用window.find（）？

1 个答案: