jquery - 文字列を取得してラップします

Question

動的に生成されるHTMLがあるため、HTMLを編集できません。HTMLは（1）のようになります。（2）のように見せたいです。したがって、基本的に、'sの最後の文字列は、他のテキストにラップliされるように切り取って貼り付ける必要があります。<a>また、末尾-は削除する必要があります。

HTML（1）

<ul>
  <li>Jovanotti – L'ombelico Del Mondo - http://youtu.be/mMNPUw2bUhM</li>
  <li>The Police – Roxanne - http://youtu.be/3T1c7GkzRQQ</li>
</ul>

どうあるべきか（2）

<ul>
  <li><a href="http://youtu.be/mMNPUw2bUhM" title="">Jovanotti – L'ombelico Del Mondo</a></li>
  <li><a href="http://youtu.be/3T1c7GkzRQQ" title="">The Police – Roxanne</a></li>
</ul>

これは、SOですでに尋ねられている質問とは異なる質問です。「url」の内容はわかりませんが、常に。で始まるだけですhttp://youtu.be。

これが遊ぶフィドルです。

Answer 1

要素をループし、.split' - ' で文字列を分割してから、最後の要素 (URL) をポップオフし.join、残りの文字列を要素間の ' - ' でまとめます。

$('ul li').each(function () {
    var li = $(this),
        parts = li.text().split(' - ');
    li.html('<a href="' + parts.pop() + '">' + parts.join(' - ') + '</a>');
});

http://jsfiddle.net/rustyjeans/89whD/

Answer 2

と の組み合わせを使用し.wrapInner()ます.each()。

$('ul li').wrapInner('<a>').find('a').each(function(i,el) {
    var arrCont = $(el).text().split(/\s*-\s*http/),
        strText = arrCont[0],
        strUrl = "http"+arrCont[1];
    $(el).attr('href',strUrl).attr('title','').text(strText);
});

http://jsfiddle.net/mblase75/Ax8QU/