当前位置: 代码迷 >> Java Web开发 >> JS单击table的tr取值有关问题
  详细解决方案

JS单击table的tr取值有关问题

热度:294   发布时间:2016-04-16 22:22:10.0
JS单击table的tr取值问题
如下代码,已简化
<html>
 <table class="ABC">
  <tr>
   <td></td>
   <td></td>
  </tr>
 </table>

 <table class="DEF">
  <s:iterator>
   <tr class="trDEF">
<td></td>
<td><s:property value="id"/></td>
   </tr>
  </s:iterator>
 </table>
</html>
请问一下当我点击第2个table中任意一行时,JS或JQuery如何获取class="DEF"的table中<td><s:property value="id"></td>这个的值。
------解决方案--------------------
在第2个table的tr上加onclick事件 获取table中<td><s:property value="id"></td>的值。建议用jquery,选择器文档 很全
------解决方案--------------------
<!DOCTYPE html>
<html>
    
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
        </script>
        <script>
            $(document).ready(function() {
                $('.DEF tr').click(function() {
                    alert($(this).find("td :eq(1)").html().trim());
                });
            });
        </script>
    </head>
    
    <body>
        <table class="ABC">
            <tr>
                <td>
                    5
                </td>
                <td>
                    7
                </td>
            </tr>
            <tr>
                <td>
                    51
                </td>
                <td>
                    72
                </td>
            </tr>
        </table>
        <hr>
        <table class="DEF">
            <tr class="trDEF">
                <td>
                    1
                </td>
                <td>
                    11
                </td>
            </tr>
            <tr class="trDEF">
                <td>
                    2
                </td>
                <td>
                    22
                </td>
            </tr>
        </table>
  相关解决方案