Vertikaler Text mit jQuery

8

Ich möchte Text vertikal ausrichten, indem ich <br /> -Tags zwischen Zeichen mit jQuery hinzufüge.

%Vor%

würde so aussehen:

V
e
r
t
ich bin c ein Foto l

T
e
x
t

    
Parrfolio 10.11.2008, 19:49
quelle

6 Antworten

26

Lass uns Golf spielen!

%Vor%

Vollständig ungetestet, aber das Muster in der Regex sieht wie eine Boob aus.

    
MrKurt 10.11.2008 20:44
quelle
4

Mr Kurts Antwort funktioniert gut für eine einzelne ID, aber wenn Sie etwas Nützlicheres wollen, das auf mehrere Elemente angewendet werden kann, versuchen Sie Folgendes:

$.each( $(".verticalText"), function () { $(this).html($(this).text().replace(/(.)/g, "<br />")) } );

Dann setzen Sie einfach class="verticalText" auf die Elemente, die Sie so formatieren möchten.

Und als Bonus hält es die Boob Regex.

    
Code Commander 09.08.2010 15:16
quelle
3

Nicht getestet, aber es sollte funktionieren.

%Vor%     
okoman 10.11.2008 20:04
quelle
3

document.write("vertical text".split("").join("<br/>"));

Bearbeiten: Loch in einem!

    
Incognito 09.08.2010 15:27
quelle
1

Dies baut auf Sebastian Hs Antwort auf, aber ich habe es getestet und das funktioniert

%Vor%     
MrChrister 10.11.2008 20:15
quelle
0

Warum sollten Sie eine while-Schleife verwenden, wenn Sie jQuerys integrierte Methode verwenden können?

$.each( $('#foo').text(), function(){ $('#foo').append(this + '
'); } );

Dort. Es klappt. Du kannst es testen.

    
picardo 10.11.2008 22:41
quelle

Tags und Links