Ersetzen eines Leerzeichens durch " " mit Jquery

Question

Ich schaue mich im Internet um, aber ich finde nichts Nützliches :(

Ich habe ein Problem, das ich nicht verstehe. Ich bin sicher, dass ich etwas falsch mache, aber ich weiß nicht gut die Syntax von jQuery zu verstehen, was ist, dass ich nicht richtig tun.

Ich benutze Animationen mit JS und CSS 3, und ich habe Probleme mit Leerzeichen zwischen den Wörtern, und um dieses Problem zu lösen, muss ich einen Weg finden, um Zeichen innerhalb einer Textkette durch etwas anderes zu ersetzen. Wie ein Leerzeichen mit einem , oder als Test, dass ich versucht habe, ein " n " mit einem " xxxxx ".

Ich denke, dass ich das tue:

1. wenn die Seite geladen wird
2. Ändern Sie die Zeichenfolge eines beliebigen Absatzes mit der Klasse .fancy-title die den Text " n " mit einem Text " xxxxx "

Also:

$(document).ready(function(){
    for(i=0; i< myLength+1; i++){
        var charCheck = $(".fancy-title").text()[i];
        if(charCheck == "n"){
            charCheck.replace("n", "xxxxxxxx");
        }
    }
});

Aber ich erhalte eine Fehlermeldung, dass es sagte:

charCheck.replace("n", "xxxxxxxx"); es handelt sich nicht um eine Funktion

Ich verwende jquery

und andere Skripte, die auf jquery basieren, um Animationen, Rotation und Skalierung zu machen... und sie sind alle in der HEAD mit jquery zuerst zu laden.

Was mache ich falsch? Manipulation in jQuery braucht es eine bestimmte .js-Erweiterung? Ich verstand, dass war in der grundlegenden Fähigkeit von jQuery, und Blick auf andere Beispiele alle erstellt mir die gleiche Art von Fehler.

Ich habe sogar versucht

if(charCheck == "n"){
   $(".fancy-title").text()[i] == " "
}

Aber einfach die Änderung ist es nicht auf der Seite angewendet. Ich versuchte mit innerHTML auch :( Ich fühle mich so inkompetent...

Ich danke Ihnen im Voraus für jede Hilfe.

Answer 1

$(document).ready(function(){
    $(".fancy-title").each(function(i){
        var text = $(this).html();
        $(this).html(text.replace(/ /g, " "));
    })
});

Answer 2

Sie haben kein Problem mit dem Ersatzteil :).

$(document).ready(function(){
    $(".fancy-title").each(function () { //for all the elements with class 'fancy-title'
         var s=$(this).text(); //get text
         $(this).text(s.replace(/n/g, 'xxxxxxxx')); //set text to the replaced version
    });
});

Nur ein kurzes Beispiel, ich hoffe, es funktioniert.

Answer 3

Haben Sie den css-Stil ausprobiert white-space:pre anstelle von ' ' durch ' ' zu ersetzen? http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space

Answer 4

Es scheint, dass Sie versuchen, ein einzelnes Zeichen durch eine neue Zeichenfolge zu ersetzen.

Möglicherweise können Sie das richtige Ergebnis erhalten, indem Sie die Iteration weglassen und einfach .replace für das jQuery-Objekt aufrufen.