Javascript 使链接在'；充分展示

我在我的网站上有一个带有电话号码的链接。数字的最后四位是隐藏的，所以要查看完整的数字，您应该单击它

我想做一个类似的例子，当你点击带有隐藏数字的号码时，它会显示完整的号码，然后你点击它打电话（add attribute href=“+000000000 1111”）

jQuery（'body'）。委托（“#电话号码[数据替换]”，“单击”，函数（事件）{
event.preventDefault（）；
var older_value=jQuery（this.html（）；
jQuery（这个）
.html（jQuery（this）
.attr（“数据替换”）；
$（“#电话号码”）.attr（“href=tel:+0000000001111”）；
});
电话号码{
字体大小：20px；
字体系列：简介，影响；
文字装饰：无！重要；
颜色：rgb（70，70，70）！重要；
光标：指针；
}
.隐藏号码{
宽度：100%；
文本对齐：居中；
填充：10px；
}

+00 0000 000XXXX

添加

href

属性-

---

$（“#电话号码”）.attr（“href”，“tel:”+jQuery（this.attr（'data-replace'））
添加
href
属性-

$（“#电话号码”）.attr（“href”，“tel:”+jQuery（this.attr（'data-replace'））
我将对您的代码进行一些更改：


jQuery（'body'）。一个（'click'，'#phone number[data replace]'，函数（event）{//使用一个代替委托，因为委托已被弃用，您只想运行一次
event.preventDefault（）；
var$this=jQuery（this），
旧的_值=$this.html（），
number=$this.attr（'data-replace'）；
美元这个
.html（number）//更改编号
.attr（'href'，'tel:'+number）//更改href
.get（0）.click（）；//激发单击-可选，如果希望用户再次单击，请禁用
});
电话号码{
字体大小：20px；
字体系列：简介，影响；
文字装饰：无！重要；
颜色：rgb（70，70，70）！重要；
光标：指针；
}
.隐藏号码{
宽度：100%；
文本对齐：居中；
填充：10px；
}

+00 0000 000XXXX
我将对您的代码进行一些更改：


jQuery（'body'）。一个（'click'，'#phone number[data replace]'，函数（event）{//使用一个代替委托，因为委托已被弃用，您只想运行一次
event.preventDefault（）；
var$this=jQuery（this），
旧的_值=$this.html（），
number=$this.attr（'data-replace'）；
美元这个
.html（number）//更改编号
.attr（'href'，'tel:'+number）//更改href
.get（0）.click（）；//激发单击-可选，如果希望用户再次单击，请禁用
});
电话号码{
字体大小：20px；
字体系列：简介，影响；
文字装饰：无！重要；
颜色：rgb（70，70，70）！重要；
光标：指针；
}
.隐藏号码{
宽度：100%；
文本对齐：居中；
填充：10px；
}

+00 0000 000XXXX
考虑更新此行：
$（“#电话号码”）.attr（“href=tel:+0000000001111”）

对此

$（“#电话号码”）.attr（“href”，“电话：+0000000001111”）

…甚至，在移动设备上尝试一下。此功能在桌面上运行不正常。
请考虑更新此行：
$（“#电话号码”）.attr（“href=tel:+0000000001111”）

对此

$（“#电话号码”）.attr（“href”，“电话：+0000000001111”）

…甚至，在移动设备上尝试一下。这个功能在桌面上很糟糕。
那么有什么问题吗？要设置属性，必须将其称为
.attr（'href'，“VALUE”）
.attr（'href'，tel:+000000000 1111'）
。另外，
delegate
已被弃用，您应该改用
.on
那么怎么了？要设置属性，必须将其称为
.attr（'href'，“VALUE”）
.attr（'href'，tel:+000000000 1111'）
。另外，
delegate
已被弃用，您应该使用
。在
上，显然这将在已存在的函数中使用显然这将在已存在的函数中使用谢谢您的帮助！很好！如果我有相同的手机号码，但在第页的不同位置，您能给我一个如何更改您的解决方案的建议吗。像这样，使用一个类而不是id，尽管您有什么理由授权事件吗？这些数字是动态添加到页面还是在加载页面时存在？您可能需要直接绑定事件抱歉，我没有看到您的jfiddle。非常感谢。谢谢你的帮助！很好！如果我有相同的手机号码，但在第页的不同位置，您能给我一个如何更改您的解决方案的建议吗。像这样，使用一个类而不是id，尽管您有什么理由授权事件吗？这些数字是动态添加到页面还是在加载页面时存在？您可能需要直接绑定事件抱歉，我没有看到您的jfiddle。非常感谢。