एंकर (लिंक) टैग को अक्षम करने के लिए कैसे करें (स्पैन में कनवर्ट करें)

Question

मेरे पास एंकर टैग (<a>) का एक गुच्छा है जिसे मुझे <span> टैग में कनवर्ट करने की आवश्यकता है। मुझे क्लिक अक्षम करने के लिए ऐसा करने की आवश्यकता नहीं है (मुझे preventDefault() के बारे में पता है और क्लिक ईवेंट हैंडलर से false लौटा रहा है)। मुझे ड्रैग और ड्रॉप सॉर्टिंग सक्षम करने के लिए बस ऐसा करने की आवश्यकता है (जो आईई एक एंकर टैग पर रोकता है लेकिन एक अवधि पर अनुमति देता है)।

मेरे पास एक कामकाजी समाधान है जो ठीक है।

http://jsfiddle.net/5HGbx/

मैं सिर्फ अगर तुम जादूगरों में से किसी एक ही अंतिम परिणाम प्राप्त करने के एक बरसाती कोट तरीका है सोच रहा हूँ।

Answer 1

आप jQuery एपीआई से replaceWith इस्तेमाल कर सकते हैं

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

यहाँ

फिडल: http://jsfiddle.net/naveen/ufYCt/1/

Answer 2

jQuery के साथ मानक डीओएम विधियों को मिलाकर थोड़ा अजीब और अनावश्यक है। तुम सिर्फ इस बजाय की तरह कुछ कर सकता है:

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

यह सिर्फ प्रतियां एक नया <span> और उसके बाद के लिए लिंक की सामग्री में नए <span> साथ <a> बदल देता है।

संदर्भ:

• after
• html
• remove

Answer 3

नवीन के से

का जवाब आप href टैग

खो देंगे यदि आप इस प्रकार href टैग भी सिर्फ इस संशोधित चाहते हैं ...

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