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

问题描述

| 我如何显示和隐藏电话号码的最后4个数字，方法是将其替换为949XXX​​X，然后单击该按钮，则显示其余数字？ 我只想用jQuery / JavaScript做到这一点。     

解决方法

        

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

$(\'#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/ 或者，如果您不想使用自定义属性，请执行以下操作：

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

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

示例：http：//jsfiddle.net/4fzaG/3/ 编辑： 为了正常降级，您可能希望默认视图显示该数字，并且仅在启用JavaScript的情况下对其进行混淆。

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

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

示例：http：//jsfiddle.net/4fzaG/4/     ,        是的，您可以那样做（请参见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);
});

电话号码应这样编码：

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

每次点击都会显示/隐藏最后一个字母。它将事件绑定到“ 9”（您可以将其更改为带有电话号码的某个容器），并将它们委托给页面上的适当元素，因此使用AJAX不会成为问题（您无需重新附加事件）。     ,        非常快速的答案：更多电话号码错误:)

Telefon : [phone] <span onclick=\"this.innerHTML=\'49 47\'\">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>