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