jquery多条数据循环隐藏手机号,thinkphp5

发布时间:2019-03-21作者:小灵龙点击:59

问题描述:
    用thinkphp5循环li获取多条数据,其中有手机号,有QQ。需要把这些信息隐藏掉。
解决办法:
<ul>

   {volist name='list' id='vo'}

   <li class="tel">12564585658</li>

   <li class="qq">4585658</li>

    {/volist}

</ul>


<script type="text/javascript">
    var tel = $('.tel');
    var qq = $('.qq');

    demo(tel);
    demo(qq);

    function demo(e){
        e.each(function(index){ //如果想循环到第5次的时候停止循环,就用 if(index==5){return false;}
        telval=$(this).html();

        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 += '*';
                }
            }
        }
        $(this).html(newTelVal);
        })
    }

</script>
效果如下图:
标签:隐藏手机号