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 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
Apr 27 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
js实现多选项切换导航菜单的方法
Feb 06 Javascript
微信小程序 倒计时组件实现代码
Oct 24 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
Feb 14 Javascript
js实现3D粒子酷炫动态旋转特效
Sep 13 Javascript
JS新手入门数组处理的实用方法汇总
Apr 07 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
根德YB400的电路分析
2021/03/02 无线电
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
PHP levenshtein()函数用法讲解
2019/03/08 PHP
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
2012/02/27 Javascript
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
js propertychange和oninput事件
2014/09/28 Javascript
纯css实现窗户玻璃雨滴逼真效果
2015/08/23 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
vue中计算属性(computed)、methods和watched之间的区别
2017/07/27 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
2017/10/15 jQuery
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
详解Vue中使用Axios拦截器
2019/04/22 Javascript
利用Python抓取行政区划码的方法
2016/11/28 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
Python基础之列表常见操作经典实例详解
2020/02/26 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
使用HTML5 Canvas API控制字体的显示与渲染的方法
2016/03/24 HTML / CSS
BudgetAir印度:预订航班、酒店和汽车租赁
2019/07/07 全球购物
益模软件Java笔试题
2012/03/27 面试题
大学生专科学习生活的自我评价
2013/12/07 职场文书
宿舍卫生检讨书
2014/01/16 职场文书
新郎婚宴答谢词
2014/01/19 职场文书
《桂花雨》教学反思
2014/04/12 职场文书
小摄影师教学反思
2014/04/27 职场文书
群众路线教育实践活动民主生活会个人检查对照思想汇报
2014/10/04 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
Python list列表删除元素的4种方法
2021/11/01 Python