javascript - jQuery如何在每个分号后插入<br/>标记

我正在将一些CSS转储到div中，并且希望对其进行格式化，以使其更清晰易读。基本上我想做的是在每个分号后插入一个break标记。我搜索了一段时间，但似乎找不到适合我尝试做的事情。

我有这样的东西...

HTML

<div class='test'>
color:red;background-color:black;
</div>​

jQuery

var test = $('.test').text();
var result = test.match(/;/g);

alert(result);​

并且我已经尝试过了。.

var test = $('.test').text();
var result = test.match(/;/g);

result.each(function(){
$('<br/>').insertAfter(';');
});

alert(result);​

我也在这里开始了一个 fiddle 。.它基本上只是返回匹配的字符...
http://jsfiddle.net/krishollenbeck/zW3mj/9/
到目前为止，这是我唯一能够开始工作的部分。

我觉得自己正朝着正确的方向前进，但我知道这是不对的，因为它会出错。我在想有一种方法可以在每个匹配的元素后插入一个break标记，但是我不确定如何到达。任何帮助深表感谢。谢谢...

最佳答案

像这样尝试

var test = $('.test').text();
var result = test.replace(/\;/g,';<br/>');

$('.test').html(result);​

http://jsfiddle.net/Sg5BB/

关于javascript - jQuery如何在每个分号后插入<br/>标记，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12286027/