Get attr value of first child

Question

I have the follwing code for assigning onclick to a <tr> row:

$("#tblDepartment tr").click(function() {
       alert($(this).eq(1).attr("field"));
   });

My HTML code is here:

    <tr class="trEven" id="trDepartment4">
            <td field="ID" style="display: none;" width="50px">4</td>
            <td field="DEPT_NM" width="100%">BID DEPARTMENT</td>
    </tr>

What I would like to do is tget first child's innerHTML. How can I do that?

Answer 1

$(this).children(":first").html();

Answer 2

You want to do something like this

$("#tblDepartment tr").click(function() {
   alert($(this).children('td').first().html());
});

This will show you the content your looking for :)