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
});