jQuery - поиск на странице, как в браузере

Question

Я пытаюсь выполнить поиск на странице, как в современных браузерах с STRG + F. Я пытался:

$("#mydiv").find(':contains(\'mySearchString\')').prepend('found you!');

Проблема в том, что jQuery добавляет вас несколько раз, потому что есть несколько элементов, у которых есть строка. Пример:

Found you<div>
   Found you<ul>
      Found you<li>
         Found you<a>mySearchString</a>
      </li>
   </ul>
</div>

Answer 1

$('#mydiv').find(':contains(\'mySearchString\')').contents().filter(function(){return this.nodeType == Node.TEXT_NODE}).prepend('found you!');

выберет только последний внутренний текстовый узел. Если вы используете IE, используйте константу 3 вместо Node.TEXT_NODE.

Answer 2

Вы можете сделать:

$("#mydiv").find(':contains(\'mySearchString\')').eq(0).prepend('found you!');

, чтобы выделить первый матч.

В противном случае вы можете просто сказать, что он работает как Google Chrome, который сразу выделяет все поисковые запросы;)