如何動態地添加錨/ HREF jQuery中

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() + '" />'); 
}); 

Answer 1

我認爲解決辦法是存在在你的追求只有離子...

看看這個。

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

FIDDLE希望這是你想要的。

Answer 2

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

Answer 3

嘗試這樣

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

Answer 4

試試這個：

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

Answer 5

寫這樣的代碼，如：

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