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 相关文章推荐
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
Oct 24 Javascript
JS声明变量背后的编译原理剖析
Dec 28 Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 Javascript
纯js代码实现简单计算器
Dec 02 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
JavaScript数组的定义及数字操作技巧
Jun 06 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
Vue2几种常见开局方式详解
Sep 09 Javascript
JavaScript插入排序算法原理与实现方法示例
Aug 06 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
Jan 24 Javascript
10种JavaScript最常见的错误(小结)
Jun 21 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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
php 保留小数点
2009/04/21 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
js+数组实现网页上显示时间/星期几的实用方法
2013/01/18 Javascript
jQuery随机切换图片的小例子
2013/04/18 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
深入浅析JavaScript函数前面的加号和叹号
2016/07/09 Javascript
js图片切换具体实现代码
2016/10/13 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
微信小程序  checkbox组件详解及简单实例
2017/01/10 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
使用Python的内建模块collections的教程
2015/04/28 Python
用Python编写简单的微博爬虫
2016/03/04 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
tensorflow常用函数API介绍
2020/04/19 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
SQL Server面试题
2013/04/04 面试题
教师推荐信范文
2013/11/24 职场文书
军校本科大学生自我评价
2014/01/14 职场文书
门诊手术室工作制度
2014/01/30 职场文书
个人借款担保书
2014/04/02 职场文书
我的求职择业计划书
2014/04/04 职场文书
排查整治工作方案
2014/06/09 职场文书
2014年护理部工作总结
2014/11/14 职场文书
2014年销售经理工作总结
2014/12/01 职场文书
罚站检讨书
2015/01/29 职场文书
高考学习决心书
2015/02/04 职场文书
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android