<b>菜单1</b>  <b>菜单2</b>                         
 <ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
 </ul><ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
</ul>
 $(".tab-b-m-4 a").attr("id");
当我点菜单1的时候获取的是第一个<ul class="tab-b-m-4">下的<a>标签里面的id值!如果我要点菜单2获取第二个<ul class="tab-b-m-4"> 下的<a>标签里面的id 怎么获取啊?
记住不能给ul   和  li手动添加id

解决方案 »

  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>test</title>
    <style>
    </style>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(function(){
    $("b").click(function(){
    var text = $(this).text();
    var first = text.indexOf("tab_");
    var num = text.substring(first+4,text.length);//来得到是点击的第几个
    var temp_num = parseInt(num) - 1;//因为eq()是从0开始的
    var now_id = $(".tab-b-m-4:eq("+temp_num+")").find("a").attr("id");
        alert(now_id)
    });
    });
    </script>
    </head>
    <body><b>tab_1</b> <b>tab_2</b>   
    <ul class="tab-b-m-4">
    <li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
     </ul><ul class="tab-b-m-4">
    <li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
    </ul>
    </body>
    </html>
      

  2.   

    $('b').each(function(i){
        
        $(this).click(function(){         var text = $(".tab-b-m-4").eq(i).find('a').attr("id");         alert( text );    })})
      

  3.   

    <b>菜单1</b> <b>菜单2</b>   
     <ul class="tab-b-m-4">
    <li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
     </ul><ul class="tab-b-m-4">
    <li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
    </ul>
    <script src="js/jquery-1.3.2.min.js"></script>
    <script>
     $("b").each(function(i){
        $(this).click(function(){
            alert($(".tab-b-m-4 a").eq(i).attr("id"));
        })
     });
    </script>
      

  4.   

    <!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>无标题页</title>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
     <script type="text/javascript">
        $(function()
        {
          var $b=$("b");
          $("b").bind("click",function()
          {
            var $index=$b.index(this);
            alert($(".tab-b-m-4 a").eq($index).attr('id'));
          }
          )
        }
        )
        </script>
        
    </head>
    <body>
    <b>tab_1</b> <b>tab_2</b>   
    <ul class="tab-b-m-4">
    <li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
     </ul><ul class="tab-b-m-4">
    <li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
    </ul></body>
    </html>
      

  5.   

    为所有的链接添加事件<script language="javascript">
            $(function() {
                $("a").each(
               function() {            
                   $(this).bind("click",
                    function(obj) {
                        alert(this.id);
                    }
                )
               }
                );
            });
        </script>