jQuery 获取页面li数组并删除不在数组中的key

 更新时间:2016年08月02日 16:46:30   作者:西风吹雪  
这篇文章主要介绍了jQuery 获取页面li数组并删除不在数组中的key 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

先给大家说下应用场景:

获取页面 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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Jquery AJAX 用于计算点击率(统计)

    Jquery AJAX 用于计算点击率(统计)

    Jquery AJAX实现页面的统计代码,后台用的是php,这篇文章主要是学习jquery下ajax的简单实现。
    2010-06-06
  • jQuery+PHP实现微信转盘抽奖功能的方法

    jQuery+PHP实现微信转盘抽奖功能的方法

    这篇文章主要介绍了jQuery+PHP实现微信转盘抽奖功能的方法,详细分析了抽奖程序界面设计、前台jQuery交互、后台概率算法等抽奖功能相关技巧,需要的朋友可以参考下
    2016-05-05
  • jQuery实现延迟跳转的方法

    jQuery实现延迟跳转的方法

    这篇文章主要介绍了jQuery实现延迟跳转的方法,涉及jQuery中setTimeout方法延迟触发的使用技巧,需要的朋友可以参考下
    2015-06-06
  • JQuery选中checkbox方法代码实例(全选、反选、全不选)

    JQuery选中checkbox方法代码实例(全选、反选、全不选)

    这篇文章主要介绍了JQuery选中checkbox方法代码实例(全选、反选、全不选),本文直接给出代码实例,需要的朋友可以参考下
    2015-04-04
  • jQuery的text()方法用法分析

    jQuery的text()方法用法分析

    这篇文章主要介绍了jQuery的text()方法用法,以实例形式详细分析了jQuery的text()方法的定义、参数与具体用法,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery实现的输入框选择时间插件用法实例

    jQuery实现的输入框选择时间插件用法实例

    这篇文章主要介绍了jQuery实现的输入框选择时间插件用法,实例分析了jQuery插件jquery.settime.js的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 超漂亮的jQuery图片轮播特效

    超漂亮的jQuery图片轮播特效

    这篇文章为大家分享了超漂亮的jQuery图片轮播特效,支持Ajax加载数据,响应式布局,支持移动端触屏,功能强大,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jQuery阻止冒泡和HTML默认操作

    jQuery阻止冒泡和HTML默认操作

    jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。
    2010-11-11
  • jquery checkbox全选、取消全选实现代码

    jquery checkbox全选、取消全选实现代码

    jquery实现checkbox全选、取消全选的代码。
    2010-03-03
  • jQuery数据类型小结(14个)

    jQuery数据类型小结(14个)

    jQuery除了包含原生JS中的内置数据类型(built-in datatype),还包括一些扩展的数据类型(virtual types),如Selectors、Events等,通过本文给大家分享14个jquery数据类型,感兴趣的朋友一起学习吧
    2016-01-01

最新评论