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 相关文章推荐
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
Jquery attr(&quot;checked&quot;) 返回checked或undefined 获取选中失效
Oct 10 Javascript
基于jquery和svg实现超炫酷的动画特效
Dec 09 Javascript
javascript瀑布流布局实现方法详解
Feb 17 Javascript
AngularJs学习第八篇 过滤器filter创建
Jun 08 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
canvas仿iwatch时钟效果
Mar 06 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
微信小程序收藏功能的实现代码
Jun 12 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
vuex分模块后,实现获取state的值
Jul 26 Javascript
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
Zend的MVC机制使用分析(一)
2013/05/02 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
浅谈php中fopen不能创建中文文件名文件的问题
2017/02/06 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
jquery的ajax()函数传值中文乱码解决方法介绍
2012/11/08 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
详解vue+css3做交互特效的方法
2017/11/20 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
python使用百度翻译进行中翻英示例
2014/04/14 Python
Python爬取国外天气预报网站的方法
2015/07/10 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
python加载自定义词典实例
2019/12/06 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
浅谈cv2.imread()和keras.preprocessing中的image.load_img()区别
2020/06/12 Python
calendar在python3时间中常用函数举例详解
2020/11/18 Python
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
保护环境倡议书100字
2014/05/19 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
刘公岛导游词
2015/02/05 职场文书
幼儿园开学家长寄语(2015秋季)
2015/05/27 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
详解jQuery的核心函数和事件处理
2022/02/18 jQuery
nginx搭建NFS网络文件系统
2022/04/14 Servers
使用ICOM IC-R9500接收机同时测评十台收音机中波接收性能
2022/05/10 无线电