一个表格第一列是个图片 图片有点击事件 用什么方法 获的被点到的行的内容呢

取得event对象，然后获得target，然后再获得父节点，一次类推，知道获得tr节点，然后在通过tr获得这个td的兄弟节点，这样就可以了

解决方案 »

  1.   

    可以把每张图片和每一行绑定起来（比如通过ID），如果图片的Id为img_number ,每一的id为td_number
    这样根据number就能直接得到是第几行了
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
      <script src="http://static.blog.csdn.net/scripts/jquery.js"></script>
      <script type="text/javascript">function showName(event){
    var img = event.target || event.srcElement;
    var td = img.parentNode;
    var nameTD = td.nextSibling;
    var name = nameTD.innerHTML;
    alert(name)
    }// jquery版本
    $(function(){
    // 
        var $imgs = $("#tb tr").find("td:eq(0)").find('img');
    $imgs.click(function(){
    var $nameTD = $(this).parent().next();
    var name = $nameTD.html();
    alert(name)
    });
           
    })  </script>
     </head> <body>
      <table border="1">
      <tr>
    <td><img src="http://avatar.csdn.net/9/D/0/1_baidu_18143629.jpg"  onclick="showName(event)"/></td>
    <td>baidu_18143629</td>
      </tr>
      <tr>
    <td><img src="http://avatar.csdn.net/1/F/0/1_longtian1213.jpg"  onclick="showName(event)"/></td>
    <td>S117</td>
      </tr>
      </table>  jquery版本:
        <table id="tb" border="1">
      <tr>
    <td><img src="http://avatar.csdn.net/9/D/0/1_baidu_18143629.jpg" /></td>
    <td>baidu_18143629</td>
      </tr>
      <tr>
    <td><img src="http://avatar.csdn.net/1/F/0/1_longtian1213.jpg" /></td>
    <td>S117</td>
      </tr>
      </table>
     </body>
    </html>