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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
html页面显示年月日时分秒和星期几的两种方式
Aug 20 Javascript
jQuery的css()方法用法实例
Dec 24 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
jqTransform美化表单
Oct 10 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 Javascript
node.js 和HTML5开发本地桌面应用程序
Dec 13 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
Mar 14 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 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
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP实现的简易版图片相似度比较
2015/01/07 PHP
微信自定义分享php代码分析
2016/11/24 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
XENON基于JSON变种
2010/07/27 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
JavaScript学习笔记之DOM基础 2.4
2015/08/14 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
Django中实现一个高性能计数器(Counter)实例
2014/07/09 Python
Python对象体系深入分析
2014/10/28 Python
介绍Python中的文档测试模块
2015/04/28 Python
python定向爬虫校园论坛帖子信息
2018/07/23 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
医学生求职自荐信
2013/10/25 职场文书
中专毕业生的自我鉴定
2013/12/01 职场文书
模范家庭事迹材料
2014/02/10 职场文书
公司合作意向书范文
2014/07/30 职场文书
相亲活动方案
2014/08/26 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
大一学生个人总结
2015/02/15 职场文书
会议通知格式范文
2015/04/15 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
舞出我人生观后感
2015/06/16 职场文书
手术室消毒隔离制度
2015/08/05 职场文书