html中如何使填充内容的手机号码只显示前后三位？_随笔

html中如何使手机号码只显示前后各三位是不行的，可以用js来做；

用循环把前三位和后三位取出来，中间的用*代替；

新建一个html文件，复制粘贴下面的代码，然后保存藏试一下看是不是你想要的结果；

参考代码，有问题再追问：

测试结果如图：

<html>

<body>

</body>

</html>

var tel = document.getElementById('tel'),

telVal = tel.innerText

var newTelVal = ''

if(telVal.length > 0){

for(var i = 0 i < telVal.length i++){

if(i < 3 || i >= telVal.length-3){

newTelVal += telVal[i]

}else{

newTelVal += '*'

}

tel.innerText = newTelVal

</script>

$(this).parent().parent().find("td:first").text()

用这个试试，第一个parent是当前单元格td，第二个parent是当前行tr，在当前行的子元素用属性选择器过滤获取的第一个子元素的文本值就是手机号，思路应该没错。

欢迎分享，转载请注明来源：内存溢出

html中如何使填充内容的手机号码只显示前后三位？