forEach(): value在前,index在后 主体:数组
$.each() index在前,value在后 主体:数组
$().each index在前,value在后 主体:单个匹配元素
JS forEach()
语法: array.forEach(function(currentValue, index, arr), thisValue)
html
<p>点击按钮将数组中的所有值乘以特定数字。</p>
<p>乘以: <input type="number" id="multi" value="10"></p>
<button onclick="numbers.forEach(myFunction)">点我</button>
<p>计算后的值: <span id="demo"></span></p>
<script>
var numbers = [65, 44, 12, 4];
function myFunction(item,index,arr) { // 当前元素,当前元素索引,当前元素所在数组
arr[index] = item * document.getElementById("multi").value;
demo.innerHTML = numbers;
}
</script>
Jq: $.each()
语法: $.each(arr,function(index,item))
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
function myfunc(index,item){
alert(item[0])
}
$.each(arr2,myfunc); //输出:1 4 7
Jq:$().each
语法:$(selector).each(function(index,element))
$(document).ready(function(){
$("button").click(function(){
$("li").each(func); //each() 方法为每个匹配元素规定要运行的函数
})
});
function func(index,el){
console.log(index+$(this).text());
}
html:
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>