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/

Answer 2

你可以這樣使用普通的javascript .replace()方法：

​$(document)​.ready(function(){
    $(".test").html($(".test").html().replace(/;/g, ";<br />"));
});​

小提琴： http ： //jsfiddle.net/SPBTp/4/

Answer 3

使用此代碼

var test = $('.test').text();
var result = test.split(';').join(';<br />')   

http://jsfiddle.net/FmBpF/

Answer 4

你不能在文本上使用jQuery選擇器，它只適用於元素。

獲取文本，只需替換每個; 用;<br/>和，把它放回去。

$('.test').html($('.test').text().replace(/;/g, ';<br/>'));

Answer 5

嘗試這樣的事情：

var test = $（'。test'）。text（）; var result = test.replace（/; / g，“;
“）;
$（ '測試'）HTML（結果）。 如果你堅持到你的jfiddle，這應該工作。