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（$（ '容器'））;

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

Answer 2

这样的事情应该有效：

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