each-find

2015-03-02 13:45:13  访问(1692) 赞(0) 踩(0)

  • <!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-find</title>
    <script type="text/javascript" src="<%=jQuery%>"></script> 
    <!--将jQuery引用进来-->
    <script type="text/javascript">
    $(document).ready(function() {
    	$("#orderedlist").find("li").each(function(i) {
    // 	和$("#orderedlist li")一样效果
    		$(this).html( $(this).html() + " ---slowx--- " + i );
    	});
    });
    </script>
    <style>
    
    .blue {
            background:#bcd4ec;  
    }
     
    </style>
    
    <%=VersionHideInfo%>
    
    </head>
     
    <body>
    <ul id="orderedlist">
    <li>a</li>
    <li>b</li>
    <li>d</li>
    <li>e</li>
    <li>f</li>
    <li>g</li>
    <li>h</li>
    </ul>
    
     
    <br />jQuery each( FunctionJavascript 函数 fn要执行的函数 )以每一个匹配的元素作为上下文来执行一个函数
    
    
    </body>
    </html>
    


上一条:

下一条:


 

相关评论

评论加载中……
 

发表评论

类型:
内容:
  (Alt+Enter)
 
  ┈全部┈  
 
(显示默认分类)