Suchen und ersetzen HTML-Zeichenfolge mit jQuery

Question

Links aus der Datenbank sind Website-Titel und Render auf der Seite "Interesting Article: Autor" - aber gelegentlich ist der Link eine Frage "Where's China?: GoogleMaps". Das ?: sieht albern aus, also wollte ich das HTML ?</span>: durch ?</span> ersetzen.

Hier ist die jQuery ich gearbeitet:

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

Aber das ist eigentlich nicht in dem DOM zu ersetzen. Wie bekomme ich diese Zeichenfolge, um die Seite tatsächlich zu ändern?

Answer 1

Ich würde vorschlagen:

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

JS Fiddle demo.

Oder auch:

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

JS Fiddle demo.

Ein aktualisierter Ansatz ist zu prüfen, ob das letzte Zeichen in den span ist in der Anordnung von ['?','!','.'] und, wenn ja, dann die : vom nodeValue des nextSibling zu entfernen:

$('#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.

Referenzen:

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

Answer 2

Sie können auch regex verwenden:

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

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

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