jquery - jQueryにアンカー/hrefを動的に追加する方法

Question

jQueryを初めて使用し、すべての電話クラスを変換して、hrefを使用したアンカーを作成しようとしています。

私が持っているもの

<div class="phone">111-111-1111</div>
<div class="phone">666-555-4444</div>

欲しいもの

<div class="phone"><a href="tel:111-111-1111">111-111-1111</a></div>
<div class="phone"><a href="tel:666-555-4444">666-555-4444</a></div>

私はこのようなことをしようとしていますが、かなり迷っています：

$('.phone').each(function(){
  $(this).wrapInner('<a name="???' + $(this).html() + '" />');
});

score 9 · Accepted Answer

私はあなたの質問にのみ解決策があると思います...

これを見てください。

$('.phone').each(function(){
    $(this).wrapInner('<a href="tel:' + $(this).html() + '" />');
});

FIDDLEこれがあなたが望むものであることを願っています。

score 5 · Accepted Answer

$(".phone").each(function(index, element){
    $(element).html($("<a></a>").attr("href", $(element).text()).text($(element).text()));
});

score 2 · Accepted Answer

このコードを次のように記述します。

$('.phone').each(function(){
    $(this).html('<a href="tel:' + $(this).html() + '">'+$(this).html()+'</a>');
});

score 2 · Accepted Answer

このようにしてみてください

$('.phone').each(function(){
   $(this).append('<a href="' + $(this).html() + '">'+$(this).html()+'</a>');
});

score 1 · Accepted Answer

これを試して：

$('.phone').each(function(){
  $(this).html('<a name="???' + $(this).html() + '" href="tel:'+$(this).html()+'">'+$(this).html()+'</a>');
});

5 に答える 5