Trova elemento DOM che contiene stringhe che corrispondono all'espressione regolare

Ho bisogno di trovare sulla pagina HTML tutti i frammenti di testo che corrispondono all'espressione regolare specifica (ovvero, devo ignorare i tag in modo che 'First name: John' corrispondano a 'First name: John') e di evidenziare questi frammenti trovati (di decorare con nuovi elementi e applicare stili di css personalizzati) ed essere in grado di localizzare questi frammenti, ad es essere in grado di scorrere questi in vista. La funzionalità è simile a ciò che il plug-in del browser Skype sta facendo con i numeri di telefono trovati sulla pagina.Trova elemento DOM che contiene stringhe che corrispondono all'espressione regolare

fonte

2011-10-12 Igor Romanov

Avete un codice che non funziona o è una domanda "darmi il codice"? Che cosa hai provato? – CanSpice

Ho bisogno di trovare un approccio, posso fare il codice. Se è già risolto e il codice è disponibile, anche meglio. –

Sembra che jQuery possa farlo con: contiene() selettore. forse la sua logica può essere ridefinita per usare la ricerca regexp invece della ricerca di sottostringa. –

-1

Hai provato qualcosa del genere?

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

fonte

2011-10-12 22:21:36 Mic

Ciò non solo distruggerà ogni listener che è stato aggiunto dinamicamente, ma probabilmente rovinerà elementi, attributi e proprietà in diversi modi in diversi browser per qualsiasi pagina con contenuti non banali. – RobG

Ho bisogno di mantenere informazioni su dove nel DOM si trovano i risultati della mia ricerca, o posso document.body.innerText.match() - non è quello che mi serve. –

È possibile sia in modo ricorsivo camminare lungo il DOM guardando il textContent o innerText proprietà (a seconda dei casi) di elementi, oppure è possibile utilizzare un loop all'interno di raccolta restituita da getElementsByTagName. In entrambi i casi, una volta identificato il testo e l'elemento genitore, è necessario capire come sostituirlo.

Quali sono i requisiti per la struttura del documento nella sostituzione se la stringa è suddivisa su uno o più elementi?

fonte

2011-10-12 23:06:22 RobG

Direi che l'utilizzo di un approccio incentrato sul nodo rispetto a uno incentrato su stringhe porterà a una maggiore portabilità. Inoltre, questo è l'aspetto del DOM che la maggior parte delle persone ha problemi con :). –

Sì, ma l'OP vuole la stringa anche se è divisa su più di un elemento, quindi solo guardare i nodi di testo non farà il lavoro. Non so come intende trattare con le stringhe divise, ma almeno il metodo sopra troverà l'antenato più vicino che ha l'intera stringa. – RobG

Si potrebbe utilizzare jQuery selectors per ottenere i  tag contenenti John che vengono dopo un tag  che contiene First name:, e poi per esempio applicare uno stile:

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

Ecco un esempio di esecuzione: http://jsfiddle.net/XzwNj/

fonte

2011-10-12 23:37:59 etuardu

Era solo un esempio, non caso specifico –

Trova elemento DOM che contiene stringhe che corrispondono all'espressione regolare

risposta

Problemi correlati