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

幸運、そしてそれはbrokededなら教えてください。もしそれが犯されたら、私はそれを修正しようとします。

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