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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
微信小程序实现订单倒计时
Nov 01 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 Javascript
JavaScript事件循环及宏任务微任务原理解析
Sep 02 Javascript
JavaScript构造函数原理及实现流程解析
Nov 19 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
php 301转向实现代码
2008/09/18 PHP
深入探究PHP的多进程编程方法
2015/08/18 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
php微信公众号开发(4)php实现自定义关键字回复
2016/12/15 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
List Installed Hot Fixes
2007/06/12 Javascript
js网页侧边随页面滚动广告效果实现
2011/04/14 Javascript
JavaScript中“基本类型”之争小结
2013/01/03 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
浅析JQuery中的html(),text(),val()区别
2014/09/01 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
javascript中递归函数用法注意点
2015/07/30 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
JavaScript 数组的进化与性能分析
2017/09/18 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
深入理解Angularjs 脏值检测
2018/10/12 Javascript
JavaScript遍历数组和对象的元素简单操作示例
2019/07/09 Javascript
Linux下编译安装MySQL-Python教程
2015/02/02 Python
Python实现的密码强度检测器示例
2017/08/23 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
Python使用Tkinter实现滚动抽奖器效果
2020/01/06 Python
python构造函数init实例方法解析
2020/01/19 Python
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
毕业生怎样写好自荐信
2013/11/11 职场文书
经销商会议欢迎词
2014/01/11 职场文书
优秀教师主要事迹
2014/02/01 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
大学生创业事迹材料
2014/12/30 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
go goroutine 怎样进行错误处理
2021/07/16 Golang
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫