アンカー（リンク）タグを無効にする方法（スパンに変換）

Question

<span>タグに変換する必要があるアンカータグ（<a>）があります。クリックを無効にするためにこれを行う必要はありません（私はpreventDefault()を知り、クリックイベントハンドラからfalseを返します）。ドラッグアンドドロップソートを可能にするためにこれを行う必要があります（IEはアンカータグを禁止していますが、スパンで許可しています）。

私はうまく動作します。あなたのウィザードのいずれかが同じ最終結果を達成するためのスリッカー方法を持っている場合

http://jsfiddle.net/5HGbx/

私は思ったんだけど。

Answer 1

あなたはjQueryのAPIからreplaceWithを使用することができます

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

ここ

フィドル：のNaveenさんからhttp://jsfiddle.net/naveen/ufYCt/1/

Answer 2

標準的なDOMメソッドとjQueryを混在させるのはちょっと奇妙で、不要です。

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

新しい<span>にこれだけのコピーリンクのコンテンツをしてから、新しい<span>で<a>を置き換える：あなただけの代わりに、このような何かを行うことができます。

参考文献：

• after
• html
• remove

Answer 3

は

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