How to iterate in all table row with a specific class name

Question

User264732274 posted

suppose i have html table which has many rows. few TR has a specific class and i want to iterate in those TR which has a specific class. does the below code will solve my purpose?

$("#tableMain tr.MyClass").each(function(index,value){

});

please guide. thanks

Answer 1

User264732274 posted

i guess i got a solution

<tr class="mycol">
    <td>Item 2
    </td>
</tr>

$("table#tblOne > tbody > tr[class='mycol']").each(function () {
    $(this).css("background-color", "red");
});

thanks

Answer 2

User61956409 posted

Hi sudip_inn,

suppose i have html table which has many rows. few TR has a specific class and i want to iterate in those TR which has a specific class. does the below code will solve my purpose?

$("#tableMain tr.MyClass").each(function(index,value){

});

The above code should be working, the following sample code works fine on my side.

$(function () {
    $("#tableMain tr.MyClass").each(function () {
        $(this).css("background-color", "red");
    })
})

<table id="tableMain">
    <thead>
        <tr>
            <td>Column1</td>
            <td>Column2</td>
        </tr>
    </thead>
    <tbody>
        <tr class="MyClass">
            <td>data1</td>
            <td>data1</td>
        </tr>
        <tr>
            <td>data2</td>
            <td>data2</td>
        </tr>
        <tr class="MyClass">
            <td>data3</td>
            <td>data3</td>
        </tr>
    </tbody>
</table>

Best Regards,

Fei Han