2012-09-18 8 views
5

इम नए jQuery में जोड़ने के लिए और मैं एक href के साथ एक लंगर के लिए अपने सभी फोन वर्ग कन्वर्ट करने के लिए कोशिश कर रहा हूँ:कैसे गतिशील रूप से लंगर/href jQuery में

मैं क्या है

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

उत्तर

6

मुझे लगता है कि समाधान अपने प्रयास में है आयन केवल ...

इसे देखें।

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

FIDDLE आशा आप यही चाहते है।

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

मैं एक पैराग्राफ तत्व के लिए एक गतिशील यूआरएल लागू करने के लिए एक ही तर्क की तलाश में था। धन्यवाद। $ ('# pStoryURL')। html ('test'); –

2

इस

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

तरह की कोशिश करो इस प्रयास करें: इस तरह कोड

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

लिखें:

$('.phone').each(function(){ 
    $(this).html('<a href="tel:' + $(this).html() + '">'+$(this).html()+'</a>'); 
}); 
संबंधित मुद्दे