您当前位置:编程帮手 > 知识 > 知识 > HTML和JS > jQuery > 内容
代码库
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>
上一条:
下一条: