当前位置: 代码迷 >> Java Web开发 >> JS获取<table>中<tr>的数据,该怎么解决
  详细解决方案

JS获取<table>中<tr>的数据,该怎么解决

热度:1283   发布时间:2016-04-16 22:03:22.0
JS获取<table>中<tr>的数据
<table class="table table-hover" id="table1">
     <thead>
         <tr>
             <th width="5px">ID</th>
             <th width="150px">问题(简体)</th>
<th width="250px">回答(简体)</th>
<th width="150px">问题(繁体)</th>
<th width="250px">回答(繁体)</th>
<th >时间</th>
<th>操作</th>
<th>排序</th>
         </tr>
     <thead>
     <tbody>
                        #foreach($data in $!{listData})
     <tr>
    
                                    <td>$!{data.id}</td>
                                    
                                   <td>$!{data.titleCn}</td>
                                    <td>$!{data.answerCn}</td>
                                    <td>$!{data.titleTw}</td>
                                    <td>$!{data.answerTw}</td>
                                   <td>$!{data.insertTime}</td>
<td>
     <a href="pm_help_editUI.do?id=${data.id}" class="btn btn-success btn-sm">编辑</a>
     <a href="pm_help_delete.do?id=${data.id}" class="btn btn-danger btn-sm" onclick="return confirm('是否删除该更新信息')">删除</a>
     </td>
     <td>
     <a href="javascript:void(0)" onclick="moveUp(this)" class="btn btn-success btn-sm">上移</a>
<a href="javascript:void(0)" onclick="moveDown(this)" class="btn btn-success btn-sm">下移</a>
     </td>
    
                                  </tr>
  #end
     <tbody>
       </table>


这是我前端页面的代码,现在我做了个排序,可以将任意一行数据上下移动,但移动之后这只是在页面显示的,现在我想要用,JS获取移动完后页面的每行的值,传到后台在写进数据库。

请各位大侠帮帮忙,怎么用JS获取到值呀。求例子呀~谢谢各位了


------解决方案--------------------
<script type="text/javascript">
 var table = document.getElementById("table1"); 
 var td = table.getElementsByTagName("td");
 var len = td.length;
 for(i=0;i<len;i++){
  alert(td[i].innerHTML);
 } 
------解决方案--------------------
试下隐藏表单域,应该可以吧
------解决方案--------------------
在网上搜一下Jquery Table插件
  相关解决方案