如何仅获取特定行的特定表和单元格的行

时间:2013-12-13 06:29:33

标签: jquery-selectors jquery

我的表格为parentTable。每行的第三列也有子表。当我计算父表行的长度时,它给出了父表和子表的行的总和。这也发生在tds上。我如何实现这个目的只是为了获取/迭代父表行和仅仅处理父行的tds。我试过$('parentTable >tbody>tr'),但没有为我工作。请协助。以下是样本。

   <table id="parentTable"><tr>
  <td></td>
  <td></td>
  <td>
      <table>
       <tr>
      <td></td><td></td>
      </tr>
       <tr>
      <td></td><td></td>
      </tr>      
     </table>
  </td>
    </tr>
<td></td>
  <td></td>
  <td>
       <table>
       <tr>
      <td></td><td></td>
      </tr>
       <tr>
      <td></td><td></td>
      </tr>      
     </table>
  </td>
    </tr>
   </table>

1 个答案:

答案 0 :(得分:1)

您可以为父表和子表的行(tr s)分配不同的类。并使用这些类来选择它们。您也可以对单元格(td s)执行相同的操作。

例如,如果你的表看起来像 -

<table class="parentTable">
    <tr class="parentRow">
        <td class="parentCell">Cell 1</td>
        <td class="parentCell">Cell 2</td>
        <td class="parentCell">
            <table class="childTable">
                <tr class="childRow">
                    <td class="childCell">Cell 31</td>
                    <td class="childCell">Cell 32</td>
                    <td class="childCell">Cell 33</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

在你的jquery中,要获得父行及其单元格,你可以使用

$.each($(".parentRow"), function() {
    $.each($(this).find(".parentCell"), function() {
        //Do Something
    });
});