怎样遍历div中所有li元素？

$("div[@id=d1] li").each(function(){alert(this.id)});

解决方案 »

  1.   

    $("div[@id=d1] li").each(function(){alert(this.id)});
      

  2.   

    $("div#d1").ready(function(){
        $("div#d1 li").each(function(){
            alert($(this).attr('id'));
        });
    });
      

  3.   

    来个通用点儿滴
    <!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>
        <title> new document </title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
        <div id="d1"> 
            <ul id="u1"> 
                <li id="l1"> a </li> 
                <li id="l2"> b </li> 
            </ul> 
        </div>
        <script type="text/javascript">
        <!--
    var oDiv = document.getElementById("d1");
    var oLis = oDiv.getElementsByTagName("li");
    for (var i=0; i<oLis.length; i++)
    {
        alert(oLis[i].id + " : " + oLis[i].innerHTML);
    }
        //-->
        </script>
    </body>
    </html>
      

  4.   

    var oDiv = document.getElementById("d1");
    var oLis = oDiv.getElementsByTagName("li");这个最实在