CODEWITHSUNDEEP
jquery-selectorsjquery
Rajaram Shelar
Rajaram Shelar

Reputation: 7877

How to get rows of specific table and cells of specific row only

I have table with id parentTable. Also there is child table in the third column of every row. When i count the length of rows of parent table it gives me sum of rows of parent and child table. Also this happens with the tds. How do i achieve this for getting/iterating rows of parent table only and interating tds of parent rows only. I tried $('parentTable >tbody>tr') but not worked for me. Please assist. Below is the sample.

   <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>

Upvotes: 0

Views: 228

Answers (1)

mridula
mridula

Reputation: 3281

You can assign different classes to the rows (tr s) of the parent table, and the child table. And use those classes for selecting them. You can do the same for the cells (tds) too.

For example, you if your table looks like -

<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>

In your jquery, to get just the parent rows and their cells you can use

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

Upvotes: 1

Related Questions