这段简单的Jquery代码错在哪里呢？？

<!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=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
var oli=$("ul>li");
for(var val in oli){
if(val.hasClass("bb")){
$(this).children().text("bb");
}
}
});
</script>
<body>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li class="bb"><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</body>
</html>

解决方案 »

  1.   


    <!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=utf-8" />
    <title>无标题文档</title>
    </head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $(function(){
    var oli=$("ul>li");
    oli.each(function(){
    if($(this).hasClass("bb")){
    $(this).children().text("bb");
    }
    })
    /*
    for(var val in oli){
    console.log(val) //length...
    if(val.hasClass("bb")){
    $(this).children().text("bb");
    }
    }
    */
    });
    </script>
    <body>
    <ul>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li class="bb"><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    </ul>
    </body>
    </html>
      

  2.   

    oli.each(function(){  if ($(this).hasClass('bb'))
      {
        $(this).children().text("bb");
      }
    });//原来的var oli=$("ul>li");是一个数组，不能用键值对方式访问
      

  3.   

    你也可以这样写：
    for(var i=0;i<oli.length;i++ )
    {
    if($(oli[i]).hasClass("bb"))
    {
    $(oli[i]).children().text("bb");
    }
    }