jquery - 次のテキスト ノードを jQuery でラップする方法はありますか?

Question

私は次のものを持っています：

HTML:

<div class="WishListMember_LoginMergeCode">
Killer Idea
<br>
Outsource Course
<br>
App Development
<br>
</div>

これを次のように変えたいと思います：

<div class="WishListMember_LoginMergeCode">
<a href="link1">Killer Idea</a>
<br>
<a href="link2">Outsource Course</a>
<br>
<a href="link3">App Development</a>
<br>
</div>

それを達成する方法は？

Answer 1

$('div.WishListMember_LoginMergeCode').contents().filter(function(){
   return this.nodeType === 3;
}).wrap('<a href="#"></a>');

http://jsfiddle.net/wjS6F/

アップデート：

$('div').contents().filter(function() {
   return this.nodeType === 3;
}).wrap(function(index) {
   return '<a href="link'+ ++index +'"></a>';
});

http://jsfiddle.net/8P2gf/