======jquery如何遍历<ul><li>里面的<a>?????====


 <ul>
    <li><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>
如何遍历这个ul里的<li>然后给每一个<a>加一个onclick事件，事件内容是alert <a>标签的值。比如说点击<li><a href="#">测试一</a></li>就alert("测试一");

解决方案 »

  1.   


    //如果用jq的话，下面的，否则的话再说
    $("li a").click(function(){
    alert(this.innerHTML)
    });
      

  2.   

    $("li a").click(function(){
    alert($(this).html())
    });
      

  3.   

    我页面还有其他的li怎么办呢 我这个li在<ul id="text">里！
      

  4.   

    $("ul a").").click(function(){
    alert(this.innerHTML)
    });
      

  5.   

    $("ul a").click(function(){
    alert(this.innerHTML)
    });
      

  6.   


    $("#text li a").click(function(){
    alert(this.innerHTML)
    });
    这样
      

  7.   

    $("#text a").click(function(){
    alert(this.innerHTML)
    });text下的a 。
      

  8.   

    问题表述的有矛盾
    "如何遍历这个ul里的<li>然后给每一个<a>加一个onclick事件，事件内容是alert <a>标签的值。比如说点击<li><a href="#">测试一</a></li>就alert("测试一");"你到底是要给li加上onclick属性呢,还是说,直接弹出内容innerhtml的内容
      

  9.   


    如果li也带id了,看你怎么办,
      

  10.   

    <ul id="text">
        <li><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><script type="text/javascript">
    $("#text").get(0).onclick = function(e)
    {
        e = e || event;
        target = e.target || e.srcElement;
        if(target.tagName == "A") alert(target.innerHTML)
    }
    </script>
      

  11.   

    上面都用Jquery了，我给个不用的！<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <ul id="ulList">
            <li><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>
    <script language="javascript" type="text/javascript">
        var ulList = document.getElementById("ulList");
        var aList = ulList.getElementsByTagName("a");
        for (var i = 0; i < aList.length; i++) {
            aList[i].onclick = function () { alert(this.innerHTML); }
        }
    </script>
      

  12.   

    这跟li的  id有什么关系呢???
    就算li有id  它一样是会选择这个li啊~