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 相关文章推荐
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
简单几行JS Code实现IE邮件转发新浪微博
Jul 03 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
加随机数引入脚本不让浏览器读取缓存
Sep 04 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
js添加事件的通用方法推荐
May 15 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
p5.js实现简单货车运动动画
Oct 23 Javascript
深入了解JavaScript词法作用域
Jul 29 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
Oct 30 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彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
jquery 最简单的属性菜单
2009/10/08 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
2014/06/10 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
jQuery获取cookie值及删除cookie用法实例
2016/04/15 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
JS数组方法slice()用法实例分析
2020/01/18 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
2017/09/24 全球购物
Skyscanner澳大利亚:全球领先的旅游搜索网站
2018/03/24 全球购物
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
学前教育学生自荐信范文
2013/12/31 职场文书
大学军训感言400字
2014/03/11 职场文书
励志演讲稿800字
2014/08/21 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
2015年优质护理服务工作总结
2015/04/08 职场文书
利用 JavaScript 构建命令行应用
2021/11/17 Javascript