JQery遍歴方法each

1325 ワード

each jqueryオブジェクトの遍歴

<script type="text/javascript" >
        function readmessage(){
            $("li").each(function(k,v){
                console.log(k+'----------'+v);
                v.style.color="red";
                //$(v).css('background','lightblue');
                
            });
        }
    </script>
 </head>
 <body>
  <ul>
        <li>  </li>
        <li>  </li>
        <li>  </li>
        <li>   </li>
  </ul>
  <input type="button" value="  " onclick="readmessage()"/>
//    
function f1(){
    //    
    //$("li").css("color","red");
    //  each  , li      

    //jquery.fn     each()    :279

    $("li").each(function(){
        //  li         
        //this       li dom    
        //$(this)   dom     jquery  
        var rand1 = Math.floor(Math.random()*255);
        var rand2 = Math.floor(Math.random()*255);
        var rand3 = Math.floor(Math.random()*255);
        $(this).css("color","rgb("+rand1+","+rand2+","+rand3+")");
    //this  $("i")     each   jq  。
    });
}


           :
this     DOM  
v  dom