ios 自定义隐藏或显示option

最新推荐文章于 2021-06-03 15:49:37 发布

wangc_gogo

最新推荐文章于 2021-06-03 15:49:37 发布

阅读量791

点赞数

CC 4.0 BY-SA版权

分类专栏： spring java js vue

本文链接：https://blog.youkuaiyun.com/wangc_gogo/article/details/94830814

java 同时被 3 个专栏收录

82 篇文章

订阅专栏

spring

64 篇文章

订阅专栏

52 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的选项切换函数，该函数能够根据传入的数组参数，灵活地显示或隐藏页面上的指定元素。通过操作DOM结构，实现元素的显示与隐藏，尤其在iOS设备上提供了一种有效解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
 * jq对象，要显示那些元素[],要隐藏那些元素[]
 */
function toggleOptionShow(obj,arrShow,arrHide){
    function arrHandle(arr,type){
        if($.isArray(arr)){
            var len=arr.length;
            for(i=0;i<len;i++){
                var optionNow=obj.find("option").eq(arr[i]);
                var optionP=optionNow.parent("span");//开始是没有span标签的，看下面if---else  的判断
                if(type=="show"){
                    if(optionP.size()){     //如果optionP为 undefine 不走这个逻辑
                        //optionP.children().clone()  找到optionP也就是span标签下的Option并进行克隆
                        //optionP.children().clone().replaceAll(optionP)删除隐藏的span使用上面克隆的option，达到显示的效果。
                        optionP.children().clone().replaceAll(optionP);
                    }
                }else{
                    if(!optionP.size()){   //如果optionP为 undefine 走这个逻辑，中心是想就是根据span标签控制显示隐藏，因为在ios上无法给option使用hide标签；
                        optionNow.wrap("<span style='display:none'></span>");
                    }
                }
            }
        }
    }
    arrHandle(arrShow,"show");
    arrHandle(arrHide,"hide");
}