如何禁用锚（链接）标记（转换为跨度）

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>"); 
    }); 
});