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

我如何用949XXXX之类的东西替换电话号码，并在单击它时显示其余的号码，从而显示和隐藏电话号码的最后4个号码

我只想用jQuery/JavaScript实现这一点

<div id="number" data-last="1234">949<span>XXXX</span></div>

示例：

---

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

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

<div id="number">949<span>XXXX</span><span style="display:none;">1234</span></div>

示例：

---

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

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

<div id="number">949<span>XXXX</span><span style="display:none;">1234</span></div>

示例：

---

编辑：

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

<div id="number" data-last="1234">949<span>1234</span></div>

---

示例：

是的，您可以这样做（请参阅）：

电话号码的编码应如下所示：

<span data-replace="555-41-23">555-XX-XX</span>

555-XX-XX

这将在每次单击时显示/隐藏最后一个字母。它将事件绑定到

（您可以将其更改为带有电话号码的容器）并将其委托给页面上的适当元素，因此使用AJAX不会成为问题（您不需要重新附加事件）。

电传
07XX XXX XXX

非常快速的回答：更多电话号码错误：）

电话号码：0216 457 XX XX 很好地使用了

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);
});

<span data-replace="555-41-23">555-XX-XX</span>

<div class="overh brkword lheight18 pdingtop5 pdingleft8">
    <span class="small">Telefon</span>
    <strong class="">07XX XXX XXX</strong>
    <a href="javaScript:void(0);" rel="phone" class="{clickerID:'phone_details','path':'phone', 'id':'WlCT', 'id_raw': '13667831' } atClickTracking link spoiler small link-phone nowrap">
    <span>Arata numarul de telefon</span>
    </a>
</div>

Telefon : 0 216 457 <span onclick="this.innerHTML='49 47'">XX XX</span>