5

私はいくつかの 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);​

また、私はここでフィドルを開始しました..これは基本的に一致した文字を返すだけです .

これで正しい道を進んでいるように感じますが、エラーが発生するため、正しくないことはわかっています。一致した各要素の後にブレークタグを挿入する方法があると考えていますが、そこに到達する方法がよくわかりません。どんな助けでも大歓迎です。ありがとう...

4

5 に答える 5

12

このようにしてみてください

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

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

http://jsfiddle.net/Sg5BB/

于 2012-09-05T16:42:23.080 に答える
3

通常の JavaScript.replace()メソッドを次のように使用できます。

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

フィドル: http://jsfiddle.net/SPBTp/4/

于 2012-09-05T16:44:17.527 に答える
2

このコードを使用

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

http://jsfiddle.net/FmBpF/

于 2012-09-05T16:42:41.380 に答える
1

テキストで jQuery セレクターを使用することはできません。要素でのみ機能します。

;テキストを取得し、それぞれをに置き換え;<br/>て元に戻します。

$('.test').html($('.test').text().replace(/;/g, ';<br/>'));
于 2012-09-05T16:43:43.347 に答える
0

このようなことを試してください：

var test = $('.test').text(); var result = test.replace(/;/g,";
");
$('.test').html(結果); あなたのjfiddleにそれを突き刺せば、それはうまくいくはずです。

于 2012-09-05T16:43:39.960 に答える