Trova e sostituisci stringa HTML con jQuery

Question

I collegamenti dal database sono titoli di siti Web e rendering nella pagina "Interesting Article: Autore" - ma occasionalmente il collegamento è una domanda "Where's China?: GoogleMaps". Il ?: sembra sciocco quindi volevo sostituire l'HTML ?</span>: con ?</span>.

Ecco l'jQuery ho lavorato:

$('#relatedinfo ul li a').html().replace('?</span>:','?</span>');

Ma questo in realtà non sostituirlo nel DOM. Come faccio a ottenere quella stringa per cambiare effettivamente la pagina?

Answer 1

Io suggerirei:

$('#relatedinfo ul li a').html(function(index,html){ 
    return html.replace(/<\/span>(\:)/,''); 
}); 

JS Fiddle demo.

O anche:

$('#relatedinfo ul li a').text(function(index,text){ 
    return text.replace(':',''); 
}); 

JS Fiddle demo.

Un approccio aggiornato è quello di verificare che l'ultimo carattere nel span è nella matrice di ['?','!','.'] e, se lo è, allora per rimuovere il : dal nodeValue del nextSibling:

$('#relatedinfo ul li a span').text(function(index,text){ 
    var lastchar = text.split('').pop(); 
    if (['?','!','.'].indexOf(lastchar) > -1) { 
     this.nextSibling.nodeValue = this.nextSibling.nodeValue.replace(':',''); 
    } 
}); 

JS Fiddle demo.

Riferimenti:

• html().
• String.replace().
• text().

Answer 2

È anche possibile utilizzare espressioni regolari:

var rx = new RegExp('(?![^<&]+[>;])' + searchString, 'gi'); 

$('#relatedinfo').html(function (i, html) { 
    return html.replace(rx, '<b>$&</b>') 
}); 

fonte: jQuery to Find/Replace html text when not inside an html tag other than P, DIV, SPAN, TD