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 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 Javascript
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
js 窗口抖动示例
Sep 04 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
Nov 21 Javascript
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
js神秘的电报密码 哈弗曼编码实现
Sep 10 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 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作的文本留言本的例子(一)
2006/10/09 PHP
精通php的十大要点(上)
2009/02/04 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
总结一些js自定义的函数
2006/08/05 Javascript
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
2011/12/31 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
jQuery在线选座位插件seat-charts特效代码分享
2015/08/27 Javascript
JS实现浏览器状态栏显示时间的方法
2015/10/27 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
AngularJS 实现弹性盒子布局的方法
2016/08/30 Javascript
jQuery实现的浮动层div浏览器居中显示效果
2017/02/03 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
[04:19]DOTA2亚洲邀请赛 现场花絮
2015/03/11 DOTA
几种实用的pythonic语法实例代码
2018/02/24 Python
使用python 3实现发送邮件功能
2018/06/15 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
Python pandas对excel的操作实现示例
2020/07/21 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
用css3写出气球样式的示例代码
2017/09/11 HTML / CSS
学习党课思想汇报
2013/12/29 职场文书
小学班主任寄语大全
2014/04/04 职场文书
创先争优活动党员公开承诺书
2014/08/29 职场文书
初中语文教学研修日志
2015/11/13 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书
创业计划书之废品回收
2019/09/26 职场文书
PHP中多字节字符串操作实例详解
2021/08/23 PHP