Znajdź i zamień ciąg znaków HTML za pomocą jQuery

Question

Linki z bazy danych są tytułami stron i renderowane na stronie "Interesting Article: Autor" - ale czasami link jest pytaniem "Where's China?: GoogleMaps". Model ?: wygląda głupio, więc chciałem zastąpić kod HTML ?</span>: przez ?</span>.

Oto jQuery wypracowałem:

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

Ale to właściwie nie zastąpi go w DOM. Jak uzyskać ten ciąg, aby faktycznie zmienić stronę?

Answer 1

sugeruję:

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

JS Fiddle demo.

Albo nawet:

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

JS Fiddle demo.

Uaktualniona podejście polega na sprawdzeniu, że ostatni znak w span jest w tablicy ['?','!','.'], a jeśli tak, to w celu usunięcia : z nextSibling za nodeValue:

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

Odniesienia:

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

Answer 2

Można również użyć wyrażenia regularnego:

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

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

źródło: jQuery to Find/Replace html text when not inside an html tag other than P, DIV, SPAN, TD