jQuery – 显示和隐藏电话号码的最后4个号码

如何用949XXX​​X替换它来显示和隐藏电话号码的最后4个号码，当你点击它时显示剩下的数字？

我只想用jQuery / JavaScript来做这件事。

Answer 1

949XXXX 

---

 $('#number').click(function() { $(this).find('span').text( $(this).data('last') ); }); 

示例： http ： //jsfiddle.net/4fzaG/

---

如果要在每次单击时切换，请执行以下操作：

 $('#number').toggle(function() { $(this).find('span').text( $(this).data('last') ); },function() { $(this).find('span').text( 'XXXX' ); }); 

示例： http ： //jsfiddle.net/4fzaG/1/

---

或者，如果您不想使用自定义属性，请执行以下操作：

 
949XXXX1234 

---

 $('#number').click(function() { $(this).find('span').toggle(); }); 

示例： http ： //jsfiddle.net/4fzaG/3/

---

编辑：

为了优雅降级，您可能希望让默认视图显示该数字，并且只有在启用JavaScript时才对其进行模糊处理。

 
9491234 

---

 $('#number').toggle(function() { $(this).find('span').text( 'XXXX' ); },function() { $(this).find('span').text( $(this).data('last') ); }) .click(); 

示例： http ： //jsfiddle.net/4fzaG/4/

Answer 2

是的，你可以这样做（参见jsfiddle作为证据 ）：

 jQuery('body').delegate('span[data-replace]', 'click', function(event){ event.preventDefault(); var older_value = jQuery(this).html(); jQuery(this) .html(jQuery(this) .attr('data-replace')) .attr('data-replace',older_value); }); 

电话号码应编码如下：

 555-XX-XX 

这将显示/隐藏每次点击的最后一个字母。 它将事件绑定到 （您可以将其更改为带有电话号码的某个容器）并将它们委托给页面上的正确元素，因此使用AJAX不会成为问题（您不需要重新附加事件）。

Answer 3

非常快速的答案：更多的电话号码错误:)

 Telefon : [phone] XX XX 

Answer 4

 
 Telefon 07XX XXX XXX  Arata numarul de telefon