这样的结构关系如何获取A标签的id值？

要获取分类A/B/C/D中a标签的id值，该怎样做呢？
因为js中要调用那个数值<div class="diskmain">
  <ul id="folder">
    <li><span class='documents'><a href='javascript:void(0)' id='1' class='folder'>分类A</a></span></li>
    <li><span class='lists'><a href='javascript:void(0)' id='2' class='folder'>分类B</a></span></li>
    <li><span class='pictures'><a href='javascript:void(0)' id='3' class='folder'>分类C</a></span></li>
    <li><span class='share'><a href='javascript:void(0)' id='4' class='folder'>分类D</a></span></li>
  </ul>
  <ul id="files">
    <li><span class='file'><a href="javascript:void(0)" onClick="creat(1)">名称A</a></span></li>
    <li><span class='file'><a href="javascript:void(0)" onClick="creat(1)">名称B</a></span></li>
    <li><span class='file'><a href="javascript:void(0)" onClick="creat(1)">名称C</a></span></li>
    <li><span class='file'><a href="javascript:void(0)" onClick="creat(1)">名称D</a></span></li>
  </ul>
</div>

解决方案 »

  1.   

    先获取id为folder的ulvar floderA = document.getElementById("folder").getElementsByTagName("a");for (var i = 0, j = floderA.length; i < j; i++){
    alert(floderA[i].id);
    }
      

  2.   


    请问一下，floderA[i].id怎样在外部调用？
    比如我要在一个外部的function中
    {title:"打开", action:{type:"gourl",url: "?Action=view&FolderId="+这里调用+""}},
    能给写出来吗，谢谢啦
      

  3.   

    <body oncontextmenu="右键函数();" id="123|1"></body>
    // 这里上面的写法浏览器会解析为
    oncontextmenu="function(){右键函数();}"
    //生成一个匿名函数，所以下面要到caller里面去取第一个参数，也是上面那个匿名函数的第一个参数<script>
        function 右键函数(ev){
            ev = arguments.callee.caller.arguments[0] || window.event;//获取事件对象
            var elem = ev.srcElement||ev.target; //获取触发事件的对象
            if (/\d+\|\d+/.test(elem.id)){       //如果id满足条件，执行代码
                //turned();
                alert(0);
                if(ev.preventDefault) { // 阻止浏览器的默认行为，也就是右键菜单
                    ev.preventDefault();
                } else {
                    ev.returnValue = false;
                }
                return false;
            }
        }
    </script>
      

  4.   

    $(document).ready(function(){
                alert($("ul a:first").attr("id"));
            });
      

  5.   

    var alltags = document.getElementsByTagName("*");
    var atags = alltags.item("a");
    for (var i = 0; i < atags.length; i++) {
        altet(atags[i].id);
    }
      

  6.   


    这只是第一个的ID啊  那比如第二个的ID呢？一直到第N个还有，不用alert眺出来，怎么在别处调用啊？
      

  7.   

    你把alert里面的东西塞进你的代码就好了
      

  8.   

    不行啊  我是在for循环外部调用的啊
      

  9.   

    var arr = [];
    for (var i = 0, j = floderA.length; i < j; i++){ 
         arr.push(floderA[i].id);
    } var obj = {title:"打开", action:{type:"gourl",url: "?Action=view&FolderId="+arr.join(",")+""}}这样么？
      

  10.   


    这个打开出来的结果是：main.asp?Action=view&FolderId=1,1,2,2,3,3,4,4
      

  11.   

    不用jquery 感觉真的很麻烦
      

  12.   

    楼主说下你实际需求是什么。
    我看你html代码，怎么a标签的id有相同的？id应该是唯一的
      

  13.   

    这是完整的代码
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; chaRset=utf-8">
    <script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script language="javascript" type="text/javascript" src="jquery.contextmenu.js"></script>
    </head><body>
    <div class="diskmain">
    <ul id="folder">
    <li><span class='documents'><a href='?Action=view&FolderId=1' id='1'></a></span><span class='title'><a href='?Action=view&FolderId=1'>我的文档</a></span></li>
    <li><span class='lists'><a href='?Action=view&FolderId=2' id='2'></a></span><span class='title'><a href='?Action=view&FolderId=2'>我的报表</a></span></li>
    <li><span class='pictures'><a href='?Action=view&FolderId=3' id='3'></a></span><span class='title'><a href='?Action=view&FolderId=3'>我的图片</a></span></li>
    <li><span class='share'><a href='?Action=view&FolderId=4' id='4'></a></span><span class='title'><a href='?Action=view&FolderId=4'>我的共享</a></span></li>
    </ul>
    <div style="border-top:1px dotted #ccc; clear:left; width:100%"></div>
    <ul id="folder">
    <li><span class='folder'><a href='?Action=view&FolderId=6' id='6'></a></span><span class='title'><a href='?Action=view&FolderId=6'>美国情报</a></span></li>
    <li><span class='folder'><a href='?Action=view&FolderId=7' id='7'></a></span><span class='title'><a href='?Action=view&FolderId=7'>伊拉克情报局</a></span></li>
    <li><span class='folder'><a href='?Action=view&FolderId=5' id='5'></a></span><span class='title'><a href='?Action=view&FolderId=5'>中国情报</a></span></li></ul>
    <ul id="files">
    <div style='border-top:1px dotted #ccc; clear:left; width:100%; margin-bottom:20px; *margin-bottom:0px;' class='dis'></div>
    </ul>
    </div>
    </body>
    <script type="text/javascript">
    var arr = [];
    var floderA = document.getElementById("folder").getElementsByTagName("a");
    for (var i = 0, j = floderA.length; i < j; i++){
        arr.push(floderA[i].id);
    }
    //Folder Handle
    var options2 = [
      {title:"打开", action:{type:"gourl",url: "?Action=view&FolderId="+arr.join(",")+""}},
      //{title:"打开", customClass:"open", action:{type:"fn",callback: "alert(document.getElementByClassName(folder));"}},
      {title:"共享", customClass:"share", action:{type:"fn",callback: "location.reload();"}},
      {title:"剪切", customClass:"cut", action:{type:"fn",callback: "location.reload();"}},
      {title:"复制", customClass:"copy", action:{type:"fn",callback: "location.reload();"}},
      {title:"粘贴", customClass:"paste"},
      {title:"删除", customClass:"delete", action:{type:"fn",callback: "location.reload();"}},
      {title:"重命名", customClass:"rename", action:{type:"fn",callback:"(function(){ alert('THIS IS THE TEST'); })"}}
    ];
      jQuery(".diskmain ul#folder li a").jjmenu("rightClick", options2, {},{show: "fadeIn",xposition: "mouse",yposition: "mouse",orientation: "auto"});</script>
    </html>