Looping through the td in one tr! In the table - JQUERY

1

Hi guys, i am in jquery newbie, and i want help from you! Can you somebody tell me, how can i loop in on tag

through all which are in that row by jquery?

For example, let me show just amateur code of simple table:

   <table id="test_table">
     <tr>
         <td>bla bla</td>
         <td>bla bla bla</td>
         <td> bla bla bla bla </td>
    </tr>
    <tr>
         <td>some data</td>
         <td>some data2</td>
         <td>some data3</td>
    </tr>
  <tr>
         <td>stg</td>
         <td>stg2</td>
         <td>stg4</td>
    </tr>
</table>

And my question is. How can i by jquery loop, through every td in one row, and set for example them input types? Thank you

2

Let say:

<table id="test_table">
     <tr id="firstrow">
         <td>bla bla</td>
         <td>bla bla bla</td>
         <td> bla bla bla bla </td>
    </tr>
    <tr id="secondrow">
         <td>some data</td>
         <td>some data2</td>
         <td>some data3</td>
    </tr>
  <tr>
         <td>stg</td>
         <td>stg2</td>
         <td>stg4</td>
    </tr>
</table>

jquery code, using .children

$( "#secondrow" ).children().css( "background-color", "red" );

will target all td tags of the secondrow.

3

Okay thank you, but lets imagine. Case: What if i won t know number of rows in future?

4

Did you read this? http://api.jquery.com/children/

5

As @JohnnyBizzel said, check out .cuildren function.

Or point to table id and get all tr tags of that table via jquery.