cómo agregar dinámicamente anclaje/href en jQuery

Question

Im nuevo en jQuery y estoy tratando de convertir todo mi clase de teléfono para tener un ancla con un href:

Lo que tengo

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

Lo que quiero

<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> 

que estoy tratando de hacer algo como esto, pero estoy bastante perdido:

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

Answer 1

creo que la solución está ahí en su búsqueda Sólo iones ...

Eche un vistazo a esto.

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

FIDDLE Hope esto es lo que desea.

Answer 2

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

Answer 3

Trate como esto

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

Answer 4

Prueba esto:

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

Answer 5

escribir este código como:

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