evidenzioare testi con REGEXP

[weigand1979]

Ciao,
ho dei testi racchiusi da // // che voglio evidenziare con una particolare classe CSS. Ad esempio
// Parla tizio // non è possibile
// Parla caio // ti dico che è vero

cercando in rete ho trovato questa funzione (l'ho modificata leggermente) che sfrutta le espressioni regolari, ma sbaglio qualcosa perché si il testo viene evidenziato, ma diventa sempre l'ultimo "parla caio".

dove sbaglio?

function highlight () {
var $query = "//(.*)//";

var re = new RegExp($query, 'gi');
var targetHtml = $('#songs').html();
if(re.test(targetHtml)) {
var matches = targetHtml.match(re);
for (i=0; i<matches.length; i++) {
$('#songs').html(targetHtml.replace(re, '<span class="higher">'+matches[i]+'</span>'));
}
}
var targetHtml = $('#songs').html();
}
$(document).ready(function() {
highlight();
});

[weigand1979]

devo ottimizzare ma ho risolto così:

for (i=0; i<matches.length; i++) {
var targetHtml = $('#songs').html();
$('#songs').html(targetHtml.replace(matches[i], '<span class="higher">'+matches[i]+'</span>'));
}

in questo modo evidenzia correttamente.

[weigand1979]

Ho modificato la funzione, passandogli ciò che deve cercare e la classe da aggiangiare

function highlight (myRegExp, myClass) {
var re = new RegExp(myRegExp, 'gi'); 
var targetHtml = $('#songs').html(); 
if (re.test(targetHtml)) { 
var matches = targetHtml.match(re);
for (i=0; i<matches.length; i++) { 
var targetHtml = $('#songs').html(); 
var replace = '<span class="'+myClass+'">'+matches[i]+'</span>'; 
var find = matches[i]; 
$('#songs').html(targetHtml.replace(new RegExp(find, 'g'), replace)); 
} 
} 
var targetHtml = $('#songs').html(); 
alert (targetHtml); 
}

Nella versione indicata precedentemente utilizzavo la replace per sostituire il testo, ma sostituiva solo la prima occorrenza. Allora ho aggiunto una nuova RegExp sostituisce tutto.

Tutto sembra funzionare con highlight('//(.*?)//','higher1');

ma se cerco di sostituire un testo racchiuso tra due parentesi tonde [ad esempio ((gianni))] aggiunge una sfilza di parentesi tonde che non riesco a capire

richiamo la funzione con highlight('(\\()(\\().*?(\\))(\\()','higher');

sbaglio nel definire la regexp?

[willybit]

Puoi fare il replace in una volta (senza fare cicli) sfruttando meglio la regular expresion

function highlight(myRegExp, myClass){
	var el=document.getElementById('songs');
	el.innerHTML=el.innerHTML.replace(myRegExp,'<span class="'+myClass+'">$1</span>');
}

da usare così

highlight(/(\/\/.*?\/\/)/gi,'higher1');
highlight(/(\(\(.*?\)\))/gi,'higher');

ricorda che i caratteri / e ( sono riservati e quindi va fatto l'escape anteponendo il carattere \

[weigand1979]

Funziona perfettamente ed è sintetico.

grazie mille!

[weigand1979]

Ho notato che non funzione se la stringa va a capo, e cioè se ho una situazione tipo la seguente:

//Voce fuori campo 
in inglese.//

ho provato ad aggiungere una "s" alla fine dell'espressione regolare (vedendo gli esempi di stringhe che vanno a capo) ma il risultato è che non funziona più il codice.

highlight(/(\/\/.*?\/\/)/s,'higher1');

[cavicchiandrea]

prova cosi

highlight(/(\/\/.*?\/\/\s)/gi,'higher1');

[weigand1979]

ciao, ho provato ha modificare la REGEXP ma anche così non funziona se vado a capo.
(funziona invece per gli elementi sulla stessa riga)

[willybit]

il punto equivale a qualunque carattere tranne il ritorno a capo.
Potresti usare una RE così

/(\/\/[^\v]*?\/\/)/gi

questo [^\v] equivale a qualunque carattere diverso dal tab verticale

[weigand1979]

ora va. grazie mille!

in realtà ci sono delle tabulazioni e le prende ugualmente.

avete una buona guida sulle regex con esempi pratici?
credo che debba studiare un bel po'...