jQuery 获取页面li数组并删除不在数组中的key


Posted in Javascript onAugust 02, 2016

先给大家说下应用场景:

获取页面 li 下面 key的值,添加到 arr数组

删除车型不在arr 数组中的value值。

示例代码:

var getSaleModels = function(brand_id){
if(brand_id){
var li = $(".pinpai-chexing"+brand_id+" li");
var arr = new Array();
if (li.length > 0){
li.each(function(index, element) {
arr.push($(element).children("a").attr("data-value"));
});
}
}
return arr;
}

应用

//获取车型
var getModel = function (id){
var arr = getSaleModels($("#brand_id").attr("data-value"));
$.getJSON("/interface/CarBase/getTuangouModels/",{id:$("#brand_id").attr("data-value")},function(json){
var models = $(".models");
var option = "";
$(models).find("li").empty(); //清空原有的选项
if(json){
$.each(json.data,function(index,array){
//删除停售的车型
if($.inArray(array['model_id'],arr)!=-1){
if(!index){
$("#model_id").attr("data-value",array['model_id']);
$("#model_id").text(array['model']);
}
option += "<li data-value='"+array['model_id']+"'";
option += ">"+array['model']+"</li>";
}
});
models.append(option); 
}
});
return false;
}

以上所述是小编给大家介绍的jQuery 获取页面li数组并删除不在数组中的key,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 新手学习常见问题解决方法
Apr 18 Javascript
jQuery bind事件使用详解
May 05 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
Jun 28 Javascript
Jquery AJAX POST与GET之间的区别
Nov 14 Javascript
在JS数组特定索引处指定位置插入元素
Jul 27 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
js实现select二级联动下拉菜单
Apr 17 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
Jan 11 Javascript
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
AngularJS基础 ng-readonly 指令简单示例
Aug 02 #Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 #Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 #Javascript
AngularJS基础 ng-options 指令详解
Aug 02 #Javascript
深入理解JavaScript中Ajax
Aug 02 #Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 #Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 #Javascript
You might like
php数组(array)输出的三种形式详解
2013/06/05 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
2014/02/10 Javascript
详解js闭包
2014/09/02 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
2016/05/05 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
用jQuery实现优酷首页轮播图
2017/01/09 Javascript
JavaScript实现翻页功能(附效果图)
2017/02/16 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
python操作redis方法总结
2018/06/06 Python
对python条件表达式的四种实现方法小结
2019/01/30 Python
Python变量类型知识点总结
2019/02/18 Python
python爬虫之验证码篇3-滑动验证码识别技术
2019/04/11 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
数控技术专业毕业自荐书范文
2014/02/05 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
培训简讯范文
2015/07/20 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
详解Python中__new__方法的作用
2022/03/31 Python
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS