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 相关文章推荐
索趣科技的答案
Feb 07 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 Javascript
全面了解js中的script标签
Jul 04 Javascript
分分钟玩转Vue.js组件
Oct 25 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
Jan 27 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
javascript 内存模型实例详解
Apr 18 Javascript
js实现扫雷源代码
Nov 27 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中利用XML技术构造远程服务(上)
2006/10/09 PHP
php和数据库结合的一个简单的web实例 代码分析 (php初学者)
2011/07/28 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
PHP输出缓冲控制Output Control系列函数详解
2015/07/02 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
PHP使用Nginx实现反向代理
2017/09/20 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
详解使用nvm管理多版本node的方法
2017/08/30 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
对layui数据表格动态cols(字段)动态变化详解
2019/10/25 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
Python实现包含min函数的栈
2016/04/29 Python
深入理解Python爬虫代理池服务
2018/02/28 Python
Python实现识别图片内容的方法分析
2018/07/11 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
python提取log文件内容并画出图表
2019/07/08 Python
python实现H2O中的随机森林算法介绍及其项目实战
2019/08/29 Python
使用Python代码实现Linux中的ls遍历目录命令的实例代码
2019/09/07 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
Pytho爬虫中Requests设置请求头Headers的方法
2020/09/22 Python
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
致全体运动员广播稿
2014/02/01 职场文书
人力资源管理求职信
2014/08/07 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
python中的被动信息搜集
2021/04/29 Python