如何禁用錨（鏈接）標記（轉換爲跨度）

Question

我有一堆錨標記（<a>），我需要轉換爲<span>標記。我不需要這樣做來禁用點擊（我知道關於preventDefault()並從點擊事件處理程序返回false）。我只需要這樣做，以啓用拖放排序（IE禁止在錨標籤上，但允許跨度）。

我有一個很好的工作解決方案。

http://jsfiddle.net/5HGbx/

我只是想知道，如果你的任何嚮導有實現相同的最終結果的巧妙方式。

Answer 1

你可以使用replaceWith從jQuery的API

$('#myButton').click(function(){ 
    $("#someDiv a").replaceWith(function(){ 
     return $("<span>" + $(this).html() + "</span>"); 
    }); 
}); 

小提琴這裏：http://jsfiddle.net/naveen/ufYCt/1/

Answer 2

使用jQuery混合標準DOM方法有點奇怪且不必要。你可能只是做這樣的事情，而不是：

function aToSpan() { 
    var $link = $('a'); 
    var $span = $('<span>'); 
    $link.after($span.html($link.html())).remove(); 
} 

這只是複製鏈接的內容到一個新的<span>然後替換<a>新<span>。

參考文獻：

• after
• html
• remove

Answer 3

從納文的回答，如果你想href標記也只是修改了這個原則，你就失去了HREF標籤

...

$('#myButton').click(function(){ 
    $("#someDiv a").replaceWith(function(){ 
     return $("<span href=\""+$(this).attr('href')+"\">" + $(this).html() + "</span>"); 
    }); 
});