jquery - 移动结束标签

Question

我有一个pdf链接，文件大小如下...

<a class="pdf-link" href="some-pdf.pdf">Some PDF</a> <span class="filesize">(PDF 100kb)</span>

该链接由我们的 CMS 生成，对于我们的移动网站，跨度需要位于链接内。

有谁知道将结束</a>标记移动到跨度末尾的方法，最好是使用 jQuery 吗？

<a class="pdf-link" href="some-pdf.pdf">Some PDF <span class="filesize">(PDF 100kb)</span></a>

任何帮助将非常感激。

Answer 1

尝试：

$('.filesize').each(function() {
   $(this).appendTo($(this).prev());
});

您不需要手动删除内容，因为appendTo在内部移动 DOM，从docs：

我们还可以选择页面上的一个元素并将其插入到另一个元素中：

$('h2').appendTo($('.container'));

如果以这种方式选择的元素被插入到其他地方，它将被移动到目标中（不克隆）：

Answer 2

像这样的东西应该工作：

$(".filesize").each( function(index) {
    $(this).prev().append(this);
});​

在此处查看演示：http: //jsfiddle.net/hammerbrostime/u9r2z/