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

Question

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

我有这样的东西......

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 标记，但我不太确定如何到达那里。任何帮助深表感谢。谢谢...

Answer 1

试试看

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

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

http://jsfiddle.net/Sg5BB/