Как использовать window.find() в конкретном div?

Question

Я хочу найти конкретное слово, созданное в результате поиска, и прокрутить к нему с помощью window.find() Как использовать window.find() в определенной рубрике не все страницы?

Answer 1

* Это не ванили JavaScript *

Что вы должны сделать, это кэш-ДИВ элемент в переменной, а затем добавить функцию как так

(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, указанного выше. Не большая часть изменений, но все же изменение.

• Надеюсь, что это помогло