each+jquery的简单运用

2010-05-21 15:18:33 by 【6yang】, 176 visits, 收藏 | 返回

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>each+jquery的简单运用</title>
</head>

<body>
<script src="http://files-ns.perfectworld.com/common/portal/www/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
$(function(){
 $.each( {1:"a",2:"b",3:"c",4:"d",5:"e"}, function(i, n){
 //$("#eachText").text("Item #" + i + ": " + n );
 //alert( "Item #" + i + ": " + n );
 $("#eachText"+i).text(n);
 });
});

</script>

<div id="eachText1"></div>
<div id="eachText2"></div>
<div id="eachText3"></div>
<div id="eachText4"></div>
<div id="eachText5"></div>
</body>
</html>

分享到:
share

    图片原图

    loading

    loading