1

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>

clipboard.png


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>    
        

orangecat00
31 声望0 粉丝

下一篇 »
整理