js怎么得到动态表格某一行的id值？

如题 谢谢！

解决方案 »

  1.   


    var table = document.getElementById("表格ID");
    var id = table.rows[行号].cells[列号].id;
      

  2.   

    L@_@K
    <!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="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
     </head> <body>
      <table id="tabTest">
    <tr>
    <td>No.0</td>
    <td>a</td>
    </tr>
    <tr>
    <td>No.1</td>
    <td>b</td>
    </tr>
    <tr>
    <td>No.2</td>
    <td>c</td>
    </tr>
      </table>
     </body>
     <script type="text/javascript">
     <!--
    function $(sId)
    {
    return document.getElementById(sId);
    }
    var oTab = $("tabTest");
    for (var i=0; i<oTab.rows.length; i++)
    {
    oTab.rows[i].onclick = function() {
    alert("这是第"+this.rowIndex+"行");
    };
    }
     //-->
     </script>
    </html>
      

  3.   

    楼上yixianggao
     正解！！up
      

  4.   

    不好意思，我说的不够明朗，
    我的jsp：
    <s:iterator value="%{list}" status="li"> 
       <s:textfield id="id" name="baseLend.serialNumber" label="tool" />
       <a href="#" onClick="edit();">修改</a> 
    <s:iterator/>
    在循环里面，上面的id是没法知道的吧？我现在想通过点击“修改”来得到id，从而通过id来得到对应那一行的数据  
      

  5.   


    <table align="center" id="t">
    <tr>
    <td>工具条形码</td>
    <td>工具数量</td>
    <td>操作</td>
    </tr>

    <tr>
    <input type="hidden" name="tool.code" value="111" id="p1"/> 
    <input type="hidden" name="toolAmount" value="1" id="p2"/>
    <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>
    <td>111</td>
    <td>1</td>

    <td align="center">
       
      <a href="#" onClick="editToolAmount();">修改</a>
      
        
        
        
      
          <a href="/jtm/operatorAction!delete.action?serialNumber=183&amp;toolCode=111&amp;toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
    </td>
    </tr>

    <tr>
    <input type="hidden" name="tool.code" value="11111" id="p1"/> 
    <input type="hidden" name="toolAmount" value="1" id="p2"/>
    <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>
    <td>11111</td>
    <td>1</td>

    <td align="center">
       
      <a href="#" onClick="editToolAmount();">修改</a>
      
        
        
        
      
          <a href="/jtm/operatorAction!delete.action?serialNumber=183&amp;toolCode=11111&amp;toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
    </td>
    </tr>
     
    </table>
    一旦循环  id值就重复了，也就得不到某行要的数据了
      

  6.   

    一旦循环 id 值就重复了——那id还有什么意义？！
    也就得不到某行要的数据了——你要取那些数据，或者说你具体要执行哪些操作？
      

  7.   


     <input type="hidden" name="tool.code" value="11111" id="p1"/>                     
                    <input type="hidden" name="toolAmount" value="1" id="p2"/>
                    <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/> 目的修改“工具数量”，主要想得到上面3个隐藏字段的值，去查询session并更新对应的“工具数量”（dwr实现的ajax功能）
      

  8.   

    L@_@K
    <!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="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
      <script type="text/javascript">
      <!--
    function editToolAmount(oLink)
    {
    var tr = oLink.parentNode.parentNode; alert(tr.cells[1].innerHTML);
    alert(tr.getElementsByTagName("input")[1].value); tr.cells[1].innerHTML = 100;
    tr.getElementsByTagName("input")[1].value = 100; alert(tr.cells[1].innerHTML);
    alert(tr.getElementsByTagName("input")[1].value);
    }
      //-->
      </script>
     </head> <body>
      <table align="center" id="t">
            <tr>
                <td>工具条形码</td>
                <td>工具数量</td>
                <td>操作</td>
            </tr>
            
                <tr>                
                    <input type="hidden" name="tool.code" value="111" id="p1"/>                     
                    <input type="hidden" name="toolAmount" value="1" id="p2"/>
                    <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>    
                    <td>111</td>
                    <td>1</td>
                    <td align="center">
                      <a href="#" onClick="editToolAmount(this);">修改</a>
                  <a href="/jtm/operatorAction!delete.action?serialNumber=183&amp;toolCode=111&amp;toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
                    </td>
                </tr>
            
                <tr>                
                    <input type="hidden" name="tool.code" value="11111" id="p1"/>                     
                    <input type="hidden" name="toolAmount" value="1" id="p2"/>
                    <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>    
                    <td>11111</td>
                    <td>1</td>  
                    <td align="center">
                      <a href="#" onClick="editToolAmount(this);">修改</a>
                  <a href="/jtm/operatorAction!delete.action?serialNumber=183&amp;toolCode=11111&amp;toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
                    </td>
                </tr>        
        </table>
     </body>
    </html>
      

  9.   

    L@_@K
    <!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="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
      <script type="text/javascript">
      <!--
    function editToolAmount(oLink)
    {
    var tr = oLink.parentNode.parentNode; //alert(tr.cells[1].innerHTML);
    alert("tool.code = " + tr.getElementsByTagName("input")[0].value);
    alert("toolAmount = " + tr.getElementsByTagName("input")[1].value);
    alert("baseLend.serialNumber = " + tr.getElementsByTagName("input")[2].value); //tr.cells[1].innerHTML = 100;
    //tr.getElementsByTagName("input")[1].value = 100;
    }
      //-->
      </script>
     </head> <body>
      <table align="center" id="t">
            <tr>
                <td>工具条形码</td>
                <td>工具数量</td>
                <td>操作</td>
            </tr>
            
                <tr>                
                    <input type="hidden" name="tool.code" value="111" id="p1"/>                     
                    <input type="hidden" name="toolAmount" value="1" id="p2"/>
                    <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>    
                    <td>111</td>
                    <td>1</td>
                    <td align="center">
                      <a href="#" onClick="editToolAmount(this);">修改</a>
                  <a href="/jtm/operatorAction!delete.action?serialNumber=183&amp;toolCode=111&amp;toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
                    </td>
                </tr>
            
                <tr>                
                    <input type="hidden" name="tool.code" value="11111" id="p1"/>                     
                    <input type="hidden" name="toolAmount" value="1" id="p2"/>
                    <input type="hidden" name="baseLend.serialNumber" value="183" id="p3"/>    
                    <td>11111</td>
                    <td>1</td>  
                    <td align="center">
                      <a href="#" onClick="editToolAmount(this);">修改</a>
                  <a href="/jtm/operatorAction!delete.action?serialNumber=183&amp;toolCode=11111&amp;toolAmount=1" onclick="if(!confirm('确认删除么？可千万要慎重哦，如果误删了会很麻烦哦')) return false">删除</a>
                    </td>
                </tr>        
        </table>
     </body>
    </html>
      

  10.   


    太谢谢yixianggao了，好猛哦！