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 相关文章推荐
javascript实现图片切换的幻灯片效果源代码
Dec 12 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
Dec 11 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
详解vue-router 2.0 常用基础知识点之router.push()
May 10 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
Dec 26 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
Sep 17 Javascript
手把手教你如何编译打包video.js
Dec 09 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获取某个目录大小的代码
2008/09/10 PHP
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
在vue中使用console.log无效的解决
2020/08/09 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
替换python字典中的key值方法
2018/07/06 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
HTML5中的postMessage API基本使用教程
2016/05/20 HTML / CSS
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
JPA的特点
2014/10/25 面试题
高级护理专业大学生求职信
2013/10/24 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
毕业生代领毕业材料的授权委托书
2014/09/29 职场文书