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 单击li防止重复加载的实现代码
Dec 24 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
浅析JavaScript Array和string的转换(推荐)
May 20 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
Jun 12 Javascript
JavaScript中boolean类型之三种情景实例代码
Nov 21 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
如何在微信小程序中存setStorage
Dec 13 Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 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学习之运算符相关概念
2011/06/09 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
php中请求url的五种方法总结
2017/07/13 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
jquery 最简单的属性菜单
2009/10/08 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
详解如何实现一个简单的Node.js脚手架
2017/12/04 Javascript
对Angular中单向数据流的深入理解
2018/03/31 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
2018/11/14 Javascript
Angular7.2.7路由使用初体验
2019/03/01 Javascript
vue 全局环境切换问题
2019/10/27 Javascript
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
Python3通过Luhn算法快速验证信用卡卡号的方法
2015/05/14 Python
Python 多线程实例详解
2017/03/25 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
一文秒懂python读写csv xml json文件各种骚操作
2019/07/04 Python
Python 实现Numpy中找出array中最大值所对应的行和列
2019/11/26 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
python中安装django模块的方法
2020/03/12 Python
OpenCV+Python3.5 简易手势识别的实现
2020/12/21 Python
伊利莎白雅顿官网:Elizabeth Arden
2016/10/10 全球购物
仓库管理专业个人的自我评价
2013/12/30 职场文书
八年级数学教学反思
2014/01/31 职场文书
明信片寄语大全
2014/04/08 职场文书