Làm thế nào để tự động thêm neo/href trong jQuery

Question

Im mới để jQuery và tôi đang cố gắng để chuyển đổi tất cả các lớp điện thoại của tôi để có một neo với một href:

Những gì tôi có

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

Những gì tôi muốn

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

tôi cố gắng để làm một cái gì đó như thế này, nhưng tôi khá mất:

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

Answer 1

Tôi nghĩ rằng giải pháp là có trong việc tìm kiếm của bạn chỉ ion ...

Hãy xem cái này.

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

FIDDLE Hy vọng điều này là những gì bạn muốn.

Answer 2

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

Answer 3

Hãy thử như thế này

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

Answer 4

Hãy thử điều này:

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

Answer 5

Viết mã này như:

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