请教单击单元格中的链接得到同行其他单元格内容

  我想单击每行第二行中的链接“编辑”，得到同行其他列的的内容。假设这里获取第一列的内容。
  即单击第一行的“编辑”显示aaa，单击第二行的“编辑”显示bbb
  可是我用下面的两种代码都不成功。请问如何实现。谢谢！！
function StateEdit(sender) {  
    alert(sender.parentNode.children[0].innerText); 
  
    alert(sender.parentElement.children[0].innerText); }<table>
  
    <tr>
        <td>aaa</td>
        <td ><a href="#" onclick="StateEdit(this)">编辑</a></td>
    </tr>
    
    <tr>
        <td>bbb</td>
        <td onclick="StateEdit(this)"><a href="#" onclick="StateEdit(this)">编辑</a></td>
    </tr>
  
  </table>

解决方案 »

  1.   

    你吧aaa放到 text标签里面，这样不行
      

  2.   


    <!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=gb2312" />
    <title>无标题文档</title>
    <script language="javascript" type="text/javascript">function StateEdit(sender,e) {   
        alert(sender.parentNode.parentNode.children[0].innerText); 
       stopPropagation(e); }function stopPropagation(e){
    e = e || getE(e);
    if(e.stopPropagation){
    e.stopPropagation();
    }else{
    e.cancelBubble = true;
    }
    }function getE(e){
    return e || window.event;
    }
    </script>
    </head><body>
    <table> 
      
        <tr> 
            <td>aaa </td> 
            <td > <a href="#" onclick="StateEdit(this,this)">编辑 </a> </td> 
        </tr> 
        
        <tr> 
            <td>bbb </td> 
            <td onclick="StateEdit(this)"> <a href="#" onclick="StateEdit(this)">编辑 </a> </td> 
        </tr> 
      
      </table>
    </body>
    </html>
      

  3.   

    现在好了，楼主写的逻辑有点乱了。<script>
    function StateEdit(sender) {   
        alert(sender.parentNode.parentNode.children[0].innerText); 
      
        alert(sender.parentElement.parentElement.children[0].innerText); } 
    </script><table> 
      
        <tr> 
            <td>aaa </td> 
            <td > <a href="#" onclick="StateEdit(this)">编辑 </a> </td> 
        </tr> 
        
        <tr> 
            <td>bbb </td> 
            <td > <a href="#" onclick="StateEdit(this)">编辑 </a> </td> 
        </tr> 
      
      </table>
      

  4.   

    放在a里面就是两个parentNode
    放在td里面就是一个parentNode
      

  5.   


    <script>
    function StateEdit(sender) { 
    if (document.all)
    {
    alert(sender.parentNode.parentNode.childNodes[0].innerHTML)
    } else {
    alert(sender.parentNode.parentNode.childNodes[1].innerHTML);
    }}
    </script><table>
     
        <tr>
            <td>aaa </td>
            <td > <a href="#" onclick="StateEdit(this)">编辑 </a> </td>
        </tr>
       
        <tr>
            <td>bbb </td>
            <td> <a href="#" onclick="StateEdit(this)">编辑 </a> </td>
        </tr>
     
      </table>