將關閉</a>標籤

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/