使用jQuery的垂直文本

Question

我希望通过<br />使用jQuery在字符之间添加标签来垂直对齐文本.

<div id="foo"><label>Vertical Text</label></div> 

看起来像这样:

V
e
r
t
i
c
a
l

T
e
x
t

Answer 1

我们去打高尔夫吧!

$('#foo label').html($('#foo label').text().replace(/(.)/g,"$1<br />"));

完全未经测试,但正则表达式中的模式看起来像一个布布.

Answer 2

未经测试，但应该可以工作。

var element = $( '#foo label' );
var newData = '';
var data = element.text();
var length = data.length;
var i = 0;

while( i < length )
{

    newData += data.charAt( i ) + '<br />';
    i++;

}

element.html( newData );