javascript - jQuery如何
在每个分号后插入标签

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

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

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

score 12 · Accepted Answer

像这样试试

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

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

score 3 · Accepted Answer

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

score 2 · Accepted Answer

使用此代码

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

score 1 · Accepted Answer

您不能在文本上使用 jQuery 选择器，它仅适用于元素。

获取文本，只需将每个替换;为;<br/>，然后将其放回原处。

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

score 0 · Accepted Answer

尝试这样的事情：

var test = $('.test').text(); var 结果 = test.replace(/;/g,";
");
$('.test').html(结果); 如果你把它粘在你的 jfiddle 中，那应该可以工作。

javascript - jQuery如何在每个分号后插入标签