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

Question

我正在将一些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);?

我也在这里开始了一个小提琴..基本上只返回匹配的角色... http://jsfiddle.net/krishollenbeck/zW3mj/9/ 这是我迄今为止唯一能够开展工作的部分.

我觉得我有点朝着正确的道路走下去,但我知道这是不对的,因为它错了.我想有一种方法可以在每个匹配元素之后插入一个break标记,但我不确定如何到达那里.任何帮助深表感谢.谢谢...

Answer 1

试试这样

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

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

http://jsfiddle.net/Sg5BB/