15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 js

php循环数据js定义一个总数据多个展示数组

王少铮| 发布于 2022-02-18 10:38:47| 622阅读| 0点赞| 0评论
举报

用于解决多个筛选框展示数据合并的问题

var chooseIds=[];
    var chooseValue=[];
    var arrCode='';//筛选标识
    var arrCodeArr=[];
    $('.uc_ff03 li').click(function(){
        let value=$(this).html();    //判断value是否在数组中,如果在,就用indexOf找到下标并且移出,反之则插入
        if(chooseValue.includes(value)){
            chooseValue.splice(chooseValue.indexOf(value),1);
        }else{
            chooseValue.push(value);
        }        $(this).parent().parent().find('div').empty();    //因为是循环出的数据,每个筛选都需要有自己的数组,于是用不同的标识赋值给data-id,
        arrCode="arr"+$(this).attr('data-id');    //如果是第一次点击,那就给该全局变量赋一个数组类型
        if(!arrCodeArr.includes(arrCode)){
            window[arrCode]=[];
            arrCodeArr.push(arrCode);
        }
        if(window[arrCode].includes(value)){
            window[arrCode].splice(window[arrCode].indexOf(value),1);
        }else{
            window[arrCode].push(value);
        }
        var html='';
        if(window[arrCode].length==1){
            html+='window[arrCode][0]+'">'
            +window[arrCode][0]
            +''
            +''
        }else if (window[arrCode].length>1){
            let num=window[arrCode].length - 1;
            html+='window[arrCode][0]+'">'
                +window[arrCode][0]
                +''
                +''
                +'+'+num+''
        }else{
            html='

请选择'+$(this).parent().parent().find('div').attr('data-value')+'

'
} $(this).parent().parent().find('div').append(html); }); $(document).on('click','.removeValue',function(){ let value=$(this).parent().attr('data-value'); console.log(chooseValue); if(window[arrCode].includes(value)){ window[arrCode].splice(window[arrCode].indexOf(value),1); }else{ window[arrCode].push(value); } let biao=$(this).parent().parent(); $(this).parent().parent().empty(); var html=''; if(window[arrCode].length==1){ html+='window[arrCode][0]+'">' +window[arrCode][0] +'' +'' }else if (window[arrCode].length>1){ let num=window[arrCode].length - 1; html+='window[arrCode][0]+'">' +window[arrCode][0] +'' +'' +'+'+num+'' }else{ html='

请选择'+biao.attr('data-value')+'

'
} biao.parent().find('ul').find('li').each(function(){ if(value==$(this).html()){ $(this).removeClass('selected') } }) biao.append(html); })
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王少铮
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部