jQuery：提取链接标题文本，将其放入新容器并构建URL

Question

我有一张带有一些照片的画廊UL列表。图片周围的A-tags（链接）有一些带有描述的标题属性和一个"www.[...].com"网址。

现在想要提取整个title-attribute文本，并在SPAN-tag之后立即将其添加到A-tag内，并在此SPAN-tag内区分一个网址。

这是我的例子：OLD vs. NEW

---

使用jQuery执行此操作的最佳和最简单方法是什么？我试过一些插件和图书馆，但它们很大或者不是我想要的。我只需要一个简短的功能来完成一件事。

谢谢

Answer 1

查看我的DEMO HERE

$("#gallery1 a").each(function(index) {
   var arrTemp = $(this).attr("title").split(" // ");
   var Title = arrTemp[0];
   var Description = arrTemp[1];
   var URL = arrTemp[2];
   $(this).after( "<span>"+Title+"<br />"+Description+"<br /><a href='URL' target='_blank'>"+URL+"</a></span>" );
});