Question

I have a table as follows

<table id="vainTbl6" class="dtable" cellpadding="3" cellspacing="1" border="0">
    <thead>
        <tr><th>check</td><th>Morphosal</th><th>goat </th><th>the other</th></tr>
    </thead>
    <tbody id="tbdy">
         <tr class="gradeX">
            <td><input type="checkbox" class = "chcktbl" /></td>
            <td style="width:55%">-Approve the femuneration Gommiqee purpirt</td>
            <td>pontpose</td></tr>
       <tr class="gradeX">
            <td><input type="checkbox" class = "chcktbl" /></td>
            <td style="width:55%">-Declare a final truce</td>
            <td>More</td></tr>
       <tr class="gradeX"><td><input type="checkbox" class = "chcktbl" /></td>
            <td style="width:55%">-Amend the articles of asscotonation</td>
            <td>Four</td></tr>
       <tr class="gradeX"><td><input type="checkbox" class = "chcktbl" /></td>
            <td style="width:55%">-Re-elect Bandanna la banana for warden</td>
            <td>Floor</td></tr>
    </tbody>
</table>

and the first column is a checkbox. I need to fetch all the second column cells where the checkbox in the first column is set to true

I tried using this, but to no avail.

  function extractRowCell(divNode){
    alert(divNode.id);
    $('#tbdy tr td').each(function() {    
     alert('hello');
     var aRowData = this.cells
     alert(aRowData[1].firstChild.value);
             return aRowData;
     });
}

The call is as follows:

 <a id="la" href='#' onclick='extractRowCell(this.parentNode)' style="position:absolute; top:280px; left:350px;">Votes & Concerns</a>

The alert in the function triggers though with the correct value.

TIA

Answer 1

To iterate over the td's simply do the following.

$('#tbdy tr td').each(function() {    
     alert( $(this).text() ); 
});