JS如何获取表格中某一行某个td中的内容


如图，我想要的效果是点击修改后，js能够获取那一行的所有数据这里是脚本代码：
<s:iterator value="dataPage.data" id="list" status="id">
<tr >
<td width="10%" align="center" bgcolor="#FFFFFF">
&nbsp;
<s:property value="#id.index+1" />
</td>
<td id="d" width="30%" align="center" bgcolor="#FFFFFF">
<s:property value="#list.description" />
</td>
<td id="b" width="20%" align="center" bgcolor="#FFFFFF"
style="font-size: 20px">
<s:property value="#list.belongs"/>
</td>
<td id="n" width="20%" align="center" bgcolor="#FFFFFF"
style="font-size: 20px">
<s:property value="#list.channel_number" />

</td> <td width="20%" align="center" bgcolor="#FFFFFF">
<a href="#" onclick="update(this)">修改</a>
<a href="#"
onclick="deleteChannel(<s:property value="#list.id"/>);">删除</a>
</td>
</tr>
</s:iterator>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>test.html</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script>

    function update(data){
    var tr = $(data).parent().parent();//tr对象
    var tdcon = [];//本行所有数据
    tr.find('td').each(function(i,td){
    if($(td).find('a').length == 0){//过滤修改列
    tdcon.push($(td).html());
    }
    });
    console.log(tdcon);//最终结果
    }
    </script>
      </head>
      <body>
      
       <table>
       <tr><td>1</td><td>aa</td><td>aaa</td><td><a href="#" onclick="update(this)">修改</a></td></tr>
       <tr><td>2</td><td>bb</td><td>bbb</td><td><a href="#" onclick="update(this)">修改</a></td></tr>
       </table>
      
      </body>
    </html>