javascript - 如何在特定div中使用window.find()？

Question

我想找到搜索结果中的特定单词并使用window.find()滚动到它如何在特定div而不是所有页面中使用window.find()？

Answer 1

* 这不是普通的 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 方法检查每个子元素。变化不大，但仍然是变化。

• 希望这有帮助