Znajdź element DOM zawierający ciąg zgodny z wyrażeniem regularnym

Muszę znaleźć na stronie HTML wszystkie fragmenty tekstu pasujące do określonego wyrażenia regularnego (to znaczy, muszę zignorować tagi, aby 'First name: John' pasował do 'First name: John'), a następnie podświetlić znalezione fragmenty (według dekorowanie nowymi elementami i stosowanie niestandardowych stylów css) i umiejscowienie tych fragmentów, np być w stanie przewinąć je do widoku. Funkcjonalność jest podobna do tego, co robi wtyczka przeglądarki Skype z numerami telefonów znalezionymi na stronie.Znajdź element DOM zawierający ciąg zgodny z wyrażeniem regularnym

Źródło

2011-10-12 Igor Romanov

Czy masz kod, który nie działa, czy jest to pytanie "daj mi teh codez"? Co próbujesz? – CanSpice

Muszę znaleźć podejście, mogę zrobić kodowanie. Jeśli jego rozwiązanie i kod są już dostępne - jeszcze lepiej. –

Wygląda na to, że jQuery może to zrobić za pomocą selektora: contains(). może jego logika może zostać ponownie zdefiniowana, aby użyć wyszukiwania regexp zamiast wyszukiwania podłańcuchowego. –

-1

Czy próbowałeś czegoś takiego?

document.body.innerHTML.replace(/<\/?[^>]+>/g, '')

Źródło

2011-10-12 22:21:36 Mic

To nie tylko zniszczy każdy słuchacz, który został dodany dynamicznie, ale prawdopodobnie zepsuje elementy, atrybuty i właściwości na różne sposoby w różnych przeglądarkach dla dowolnej strony z nietrywialną treścią. – RobG

Potrzebuję zachować informacje o tym, gdzie w DOM moje wyniki wyszukiwania znajdują się, lub mogę zrobić document.body.innerText.match() - nie to, czego potrzebuję. –

Można też rekurencyjnie schodzić DOM patrząc na textContent lub innerText nieruchomość (odpowiednio) elementów, lub użyć pętli nad kolekcji zwrócony przez getElementsByTagName. Tak czy inaczej, gdy już zidentyfikujesz tekst i element nadrzędny, musisz dowiedzieć się, jak go zastąpić.

Jakie są Twoje wymagania dotyczące struktury dokumentu w zamienniku, jeśli ciąg jest podzielony na jeden lub więcej elementów?

Źródło

2011-10-12 23:06:22 RobG

Powiedziałbym, że przy użyciu podejścia skoncentrowanego na węźle, a skoncentrowanego na łańcuchach, zapewni się większą przenośność. Poza tym jest to aspekt DOM, z którym większość ludzi ma problem z :). –

Tak, ale OP chce łańcucha, nawet jeśli jest podzielony na więcej niż jeden element, więc samo spojrzenie na węzły tekstowe nie wykona zadania. Nie wiem, jak zamierza radzić sobie z rozszczepionymi łańcuchami, ale przynajmniej powyższa metoda znajdzie najbliższego przodka, który ma cały ciąg. – RobG

Można użyć jQuery selectors uzyskać  tagi zawierające John które przychodzą po  znacznikiem, który zawiera First name:, a następnie na przykład zastosować styl:

$("span:contains('First name:') ~ b:contains('John')").css('color','red');

Oto uruchomiony przykład: http://jsfiddle.net/XzwNj/

Źródło

2011-10-12 23:37:59 etuardu

To był tylko przykład, a nie konkretny przypadek –

Znajdź element DOM zawierający ciąg zgodny z wyrażeniem regularnym

Odpowiedz

Powiązane problemy