gpt4 book ai didi

jQuery .each() 索引?

转载 作者:IT王子 更新时间:2023-10-29 03:25:19 29 4
gpt4 key购买 nike

我正在使用

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

循环列表中的选项。我想知道如何获取当前循环的索引?

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

最佳答案

$('#list option').each(function(index){
//do stuff
console.log(index);
});

记录索引:)

下面是一个更详细的例子。

function run_each() {

var $results = $(".results");

$results.empty();

$results.append("==================== START 1st each ====================");
console.log("==================== START 1st each ====================");

$('#my_select option').each(function(index, value) {
$results.append("<br>");
// log the index
$results.append("index: " + index);
$results.append("<br>");
console.log("index: " + index);
// logs the element
// $results.append(value); this would actually remove the element
$results.append("<br>");
console.log(value);
// logs element property
$results.append(value.innerHTML);
$results.append("<br>");
console.log(value.innerHTML);
// logs element property
$results.append(this.text);
$results.append("<br>");
console.log(this.text);
// jquery
$results.append($(this).text());
$results.append("<br>");
console.log($(this).text());

// BEGIN just to see what would happen if nesting an .each within an .each
$('p').each(function(index) {
$results.append("==================== nested each");
$results.append("<br>");
$results.append("nested each index: " + index);
$results.append("<br>");
console.log(index);
});
// END just to see what would happen if nesting an .each within an .each

});

$results.append("<br>");
$results.append("==================== START 2nd each ====================");
console.log("");
console.log("==================== START 2nd each ====================");


$('ul li').each(function(index, value) {
$results.append("<br>");
// log the index
$results.append("index: " + index);
$results.append("<br>");
console.log(index);
// logs the element
// $results.append(value); this would actually remove the element
$results.append("<br>");
console.log(value);
// logs element property
$results.append(value.innerHTML);
$results.append("<br>");
console.log(value.innerHTML);
// logs element property
$results.append(this.innerHTML);
$results.append("<br>");
console.log(this.innerHTML);
// jquery
$results.append($(this).text());
$results.append("<br>");
console.log($(this).text());
});

}



$(document).on("click", ".clicker", function() {

run_each();

});
.results {
background: #000;
height: 150px;
overflow: auto;
color: lime;
font-family: arial;
padding: 20px;
}

.container {
display: flex;
}

.one,
.two,
.three {
width: 33.3%;
}

.one {
background: yellow;
text-align: center;
}

.two {
background: pink;
}

.three {
background: darkgray;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="container">

<div class="one">
<select id="my_select">
<option>apple</option>
<option>orange</option>
<option>pear</option>
</select>
</div>

<div class="two">
<ul id="my_list">
<li>canada</li>
<li>america</li>
<li>france</li>
</ul>
</div>

<div class="three">
<p>do</p>
<p>re</p>
<p>me</p>
</div>

</div>

<button class="clicker">run_each()</button>


<div class="results">


</div>

关于jQuery .each() 索引?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4341977/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com