Jquery 每个()索引?

Jquery 每个()索引?,jquery,indexing,each,Jquery,Indexing,Each,我正在使用 $('#list option').each(function(){ //do stuff }); 循环列表中的选项。 我想知道如何获得当前循环的索引 因为我不想让var I=0; 循环内部有i++ $('#list option').each(function(index){ //do stuff console.log(index); }); 记录索引:) 下面是一个更详细的例子 函数运行\u each(){ var$results=$(“.results”); $

我正在使用

$('#list option').each(function(){
//do stuff
});
循环列表中的选项。 我想知道如何获得当前循环的索引

因为我不想让var I=0; 循环内部有i++

$('#list option').each(function(index){
  //do stuff
  console.log(index);
});
记录索引:)

下面是一个更详细的例子

函数运行\u each(){
var$results=$(“.results”);
$results.empty();
$results.append(“==============================================================================================”);
console.log(“=======================================================================================================”);
$(“#我的选择选项”)。每个(函数(索引、值){
$results.append(“
”); //记录索引 $results.append(“索引:”+索引); $results.append(“
”); 控制台日志(“索引:”+索引); //记录元素 //$results.append(value);这实际上会删除元素 $results.append(“
”); console.log(值); //日志元素属性 $results.append(value.innerHTML); $results.append(“
”); log(value.innerHTML); //日志元素属性 $results.append(this.text); $results.append(“
”); console.log(this.text); //jquery $results.append($(this.text()); $results.append(“
”); console.log($(this.text()); //开始看看如果将.each嵌套在.each中会发生什么 $('p')。每个(函数(索引){ $results.append(“====================================嵌套每个”); $results.append(“
”); $results.append(“嵌套的每个索引:”+索引); $results.append(“
”); 控制台日志(索引); }); //结束,看看如果将.each嵌套在.each中会发生什么 }); $results.append(“
”); $results.append(“====================================================================================================”); 控制台日志(“”); console.log(“=============================================================================================================”); $('ul li')。每个(函数(索引、值){ $results.append(“
”); //记录索引 $results.append(“索引:”+索引); $results.append(“
”); 控制台日志(索引); //记录元素 //$results.append(value);这实际上会删除元素 $results.append(“
”); console.log(值); //日志元素属性 $results.append(value.innerHTML); $results.append(“
”); log(value.innerHTML); //日志元素属性 $results.append(this.innerHTML); $results.append(“
”); log(this.innerHTML); //jquery $results.append($(this.text()); $results.append(“
”); console.log($(this.text()); }); } $(文档).on(“click”,“.clicker”,函数(){ 每个人都跑; });
。结果{
背景:#000;
高度:150像素;
溢出:自动;
颜色:青柠;
字体系列:arial;
填充:20px;
}
.集装箱{
显示器:flex;
}
.1,
.2,
.三{
宽度:33.3%;
}
.一{
背景:黄色;
文本对齐:居中;
}
.二{
背景:粉红色;
}
.三{
背景:暗射线;
}

苹果
橙色
梨
  • 加拿大
  • 美国
  • 法国

每个人都跑
jQuery会为您解决这个问题。
.each()
回调函数的第一个参数是循环当前迭代的索引。第二个是当前匹配的DOM元素,因此:

$('#list option').each(function(index, element){
  alert("Iteration: " + index)
});
从:

因此,您需要使用:

$('#list option').each(function(i,e){
    //do stuff
});

…其中index将是index,element将是list中的option元素,奇怪的是没有人给出这种语法

。每个
语法都包含数据或集合

jQuery.each(collection, callback(indexInArray, valueOfElement));


例如,
函数(value | element,index | key)
,而不是类似于等效的本机方法
forEach
和其他所有流行的API。通常,使用console.log进行调试比使用alert更好。大选项列表会破坏窗口堆栈的警报。
函数(index | key,value | element)
是否有效。。?
$('#list option').each(function(i,e){
    //do stuff
});
jQuery.each(collection, callback(indexInArray, valueOfElement));
jQuery.each( jQuery('#list option'), function(indexInArray, valueOfElement){
//your code here
});