8

我是 jQuery 新手,我正在尝试将我的所有电话类转换为带有 h​​ref 的锚点:

我有的

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

5 回答 5

9

我认为解决方案仅存在于您的问题中...

看看这个。

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

小提琴希望这是你想要的。

于 2012-09-18T04:16:02.780 回答
5
$(".phone").each(function(index, element){
    $(element).html($("<a></a>").attr("href", $(element).text()).text($(element).text()));
});
于 2012-09-18T04:11:39.343 回答
2

像这样试试

$('.phone').each(function(){
   $(this).append('<a href="' + $(this).html() + '">'+$(this).html()+'</a>');
});
于 2012-09-18T04:11:53.197 回答
2

像这样写这段代码:

$('.phone').each(function(){
    $(this).html('<a href="tel:' + $(this).html() + '">'+$(this).html()+'</a>');
});
于 2012-09-18T04:15:52.030 回答
1

尝试这个:

$('.phone').each(function(){
  $(this).html('<a name="???' + $(this).html() + '" href="tel:'+$(this).html()+'">'+$(this).html()+'</a>');
});
于 2012-09-18T04:12:11.177 回答