jquery each--find

来源:互联网 发布:在这个网络社会上 编辑:程序博客网 时间:2024/06/05 06:12
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>each--find</title> <script language="javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function() { // $("ul").find("li").each(function(i) {  $("#orderedlist").find("li").each(function(i) { //  和$("#orderedlist li")一样效果   $(this).html( $(this).html() + " ---cssrain--- " + i );  }); }); </script> <style> .blue {         background:#bcd4ec;  }   </style> </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> <ul id="ordered"> <li>a</li> <li>b</li> <li>d</li> <li>e</li> <li>f</li> <li>g</li> <li>h</li> </ul> jQuery each( FunctionJavascript 函数 fn要执行的函数 )以每一个匹配的元素作为上下文来执行一个函数 </body> </html> 

原创粉丝点击