jquery each--find

最新推荐文章于 2022-01-07 08:59:26 发布

hjingtao

最新推荐文章于 2022-01-07 08:59:26 发布

阅读量4.6k

点赞数

文章标签： jquery function javascript each html

本文链接：https://blog.csdn.net/hjingtao/article/details/7370871

版权

<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>

hjingtao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery each--find

each--find $(document).ready(function() { // $("ul").find("li").each(function(i) { $("#orderedlist").find("li").each(function(i) { // 和$("#orderedlist li")一样效果 $(this).html( $(this).html(
复制链接

扫一扫