举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > jquery遍历数组 jQuery 遍历 – 过滤

jquery遍历数组 jQuery 遍历 – 过滤

2023-03-15 14:31 jQuery教程

jquery遍历数组 jQuery 遍历 – 过滤

jquery遍历数组

jQuery 是一个 JavaScript 库,它提供了一系列的方法来处理数组。jQuery 的遍历数组功能可以帮助我们快速地对数组中的每个元素进行操作,而不需要写很多的循环语句。

jQuery 中有三个函数可以用来遍历数组:each()、map() 和 grep()。

// each() 函数用于遍历数组中的每个元素:
$(array).each(function(index, element) { 
    // do something with element 
}); 

each() 函数会对 array 数组中的每个元素执行一次回调函数,回调函数有两个参数:index 和 element。index 表示当前元素在 array 数组中的位置,element 表示当前元素本身。

 
// map() 函数用于将 array 数组中的每个元素映射到新的值上: 
var newArray = $(array).map(function(index, element) { 
    return newValue; // return the new value for the current element 
}); 

map() 函数会对 array 数组中的每个元素执行一次回调函数,并将回调函数返回值作为新的值存储创建文件文件名newArray。回调函數也有两個参數 index 和 element ,它们含义和 each() 相同。

   // grep() 函數用於尋找特定內容:   var filteredArray = $(array).grep(function(element, index) {   return condition; // return true if the current element should be included in the filtered array   }); 

grep() 函式有兩個参式:element 表明當前陣列中的元件, index 表明當前陣列中佔位.grep () 會尋找特定運行 condition 為 true 的陣列.如果 condition 為 true ,則將當前陣列存儲在 filteredArray 陣列中.

jQuery 遍历 – 过滤

缩小搜索元素的范围

三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。


jQuery first() 方法

first() 方法返回被选元素的首个元素。

下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:

实例

$(document).ready(function(){
  $("div p").first();
});



jQuery last() 方法

last() 方法返回被选元素的最后一个元素。

下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:

实例

$(document).ready(function(){
  $("div p").last();
});



jQuery eq() 方法

eq() 方法返回被选元素中带有指定索引号的元素。

索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):

实例

$(document).ready(function(){
  $("p").eq(1);
});



jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

下面的例子返回带有类名 "intro" 的所有 <p> 元素:

实例

$(document).ready(function(){
  $("p").filter(".intro");
});



jQuery not() 方法

not() 方法返回不匹配标准的所有元素。

提示:not() 方法与 filter() 相反。

下面的例子返回不带有类名 "intro" 的所有 <p> 元素:

实例

$(document).ready(function(){
  $("p").not(".intro");
});


阅读全文
以上是鳄鱼CMS为你收集整理的jquery遍历数组 jQuery 遍历 – 过滤全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们