jquery - 获取字符串并将其包装

Question

我有一些动态生成的 HTML，所以我无法编辑 HTML。HTML 看起来像 (1)。我希望它看起来像（2）。li所以基本上，应该将 's末尾的字符串剪切并粘贴到一个<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/