使用jQuery的竖排文本

Question

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

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

将如下所示：

V

E

R

T

我

C

一个

我

T

E

X

T

Answer 1

我们去打高尔夫球吧！

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

完全未经测试，但正则表达式中的图案看起来像个乳房。

Answer 2

Kurt先生的答案适用于单个id，但如果您想要更有用的东西，可以应用于多个元素，可以尝试如下所示：

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

然后，只需在您想要设置格式的元素上设置class="verticalText"。

作为奖励，它保留了乳房的正则表达式。

Answer 3

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

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 );