jQueryで全ての行頭に引用符号(> )をつける方法

よく掲示板のメッセージの行頭に引用符号(> )がついていますが、これをjQueryでつける方法をいろいろ探していて、できたっぽいのでメモ。

コード

“`<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>全ての行頭に引用符号(> )をつけるjQueryコード</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<p>この文章をテキストの全ての行頭に引用符号(> )をつけてテキストエリアに結果を入れます。</p>
<div class="post">あああああああああああああ<br />
あああああああああああああ<br>
あああああああああああああ<br/>
あああああああああああああ<br/>
あああああああああああああ<br/></div>

<button>↓引用符号をつける↓</button>
<hr />
このテキストエリアに結果が入ります。<br />
<textarea id="result" rows="10" cols="50"></textarea>

<script type="text/javascript">
$(function(){
//「引用符号をつける」ボタンをクリックしたら
$('button').on('click', function(){
//該当htmlの内容を変数へ
var txt = $('.post').html();
//テキストエリアに結果を入れる
$('#result').val(
//正規表現。brタグを削除、行頭に記号を付与。
txt.replace(/(<br \/>|<br>)/gi,'').replace(/^/mg,"> ")
);
});
});
</script>
</body>
</html>
“`

サンプル

こちらに用意しました。

参考