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中animate动画积累的解决方法
Oct 05 Javascript
JavaScript实现的SHA-1加密算法完整实例
Feb 02 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
Sep 20 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
Feb 26 Javascript
微信小程序接入腾讯云验证码的方法步骤
Jan 07 Javascript
vue 中的动态传参和query传参操作
Nov 09 Javascript
解决iView Table组件宽度只变大不变小的问题
Nov 13 Javascript
JS实现京东商品分类侧边栏
Dec 11 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&amp;MYSQL分页原理及实现
2007/01/02 PHP
用PHP实现多服务器共享SESSION数据的方法
2007/03/16 PHP
PHP 字符截取 解决中文的截取问题,不用mb系列
2009/09/29 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
用js来解决ajax读取页面乱码
2010/11/28 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
table行随鼠标移动变色示例
2014/05/07 Javascript
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
JSON格式化输出
2014/11/10 Javascript
java必学必会之static关键字
2015/12/03 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
2017/06/04 Javascript
Angular实现响应式表单
2017/08/04 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
2018/06/15 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
python 快速排序代码
2009/11/23 Python
python学习之编写查询ip程序
2016/02/27 Python
python自带的http模块详解
2016/11/06 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
公务员总结性个人自我评价
2013/12/05 职场文书
大一军训感言
2014/01/09 职场文书
播音主持专业个人自我评价
2014/01/09 职场文书
红领巾广播站广播稿
2014/02/01 职场文书
绩效工资实施方案
2014/03/15 职场文书
核心价值观演讲稿
2014/05/13 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书