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 相关文章推荐
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
May 11 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
Aug 24 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
JS ES6中setTimeout函数的执行上下文示例
Apr 27 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
Aug 28 Javascript
微信小程序实现MUI数字输入框效果
Jan 31 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
Apr 11 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导入Excel到MySQL的方法
2011/04/23 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
2010/05/18 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
基于jQuery实现Tabs选项卡自定义插件
2016/11/21 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
2017/01/21 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
原生js调用json方法总结
2018/02/22 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
python自动化工具日志查询分析脚本代码实现
2013/11/26 Python
使用Python多线程爬虫爬取电影天堂资源
2016/09/23 Python
Python线性方程组求解运算示例
2018/01/17 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
python输出数学符号实例
2020/05/11 Python
如何用python处理excel表格
2020/06/09 Python
Python 如何创建一个线程池
2020/07/28 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
财务经理的岗位职责
2013/12/17 职场文书
业务员薪酬管理制度
2014/01/15 职场文书
法人委托书范本
2014/04/04 职场文书
销售内勤岗位职责
2014/04/15 职场文书
2016年端午节寄语
2015/12/04 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书
详解python的内存分配机制
2021/05/10 Python
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis
5个实用的JavaScript新特性
2022/06/16 Javascript