使用jQuery的HTML5首字母縮略詞標記替換

Question

使用jQuery，您將如何替換每個<acronym>標記與<abbr>？

Answer 1

$('acronym').each(function() { 
    var $this = $(this); 
    $this.before('<abbr>' + $this.html() + '</abbr>'); 
    $this.remove(); 
}); 

Answer 2

我想試試這個，但我不提供保修。

$('acronym').each(function(index) 
{ 
    var old = this; 
    var newElement = $("<abbr></abbr>"); 

    $.each(this.attributes, function(index) 
    { 
    $(newElement).attr(old.attributes[index].name, old.attributes[index].value); 
    }); 

    $(newElement).html(old.html()); 

    $(this).after(newElement).remove(); 
}); 

祝你好運，並告訴我它是否被破壞。如果它被破壞了，我會嘗試修復它。

Answer 3

使用jQuery的replaceWith。我假設你只使用title屬性。

$("acronym").each(function(){//for each acronym element 
     var abbr = $("<abbr></abbr>");//create a new abbr element 
     var title = $(this).attr("title");//get the title attribute from the acronym element 
     abbr.attr("title",title);//add it to the new abbr element 
     abbr.html($(this).html());//add in the content of the acronym element 
     $(this).replaceWith(abbr);//replace the old with the new! 
    }); 

Try it!

Answer 4

東西線沿線的：

$('acronym').each(function(i, el) { 
    $(this).replaceWith($('<abbr></abbr>').html($(this).html())); 
}); 

http://jsfiddle.net/7H4G6/1/

編輯：你想複製過的屬性，如果您有任何...理所當然你沒有。

• 基督教

Answer 5

$('acronym').each(function() { 
    $(this).replaceWith('<abbr>' + $(this).html() + '</abbr>'); 
}); 

Answer 6

$("acronym").each(function(idx,HTML) { 
    $(this).replaceWith('<abbr title="'+this.title+'">'+HTML+'</abbr>'); 
});