js 写一个电话号码马赛克效果

Question

如图，怎么用js让电话号码中间的几个数字不可见 然后点击就可见 再次点击又不可见 前端白痴 求大神支招！！！ 想要看上去就很优雅的代码！！

Answer 1

用正则呗！大概如下：

<span data-value="13418080097" class="phoneNum"></span>

$('.btn').toggle(function(){

    $('.phoneNum').html($(this).attr('data-value').replace(/(\d{3})\d+(\d{5})/,'$1*****$2'));

},function(){

    $('.phoneNum').html($(this).attr('data-value'));

});