獲得的第一個孩子

Question

用於向<tr>行的onclick分配我已在follwing代碼ATTR值：

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

我的HTML代碼是在這裏：

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

我想這樣做是tget第一個孩子的innerHTML。我怎樣才能做到這一點？

Answer 1

你想要做這樣的事

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

這將顯示您尋找:)

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

$(function(){ 
    $(".trEven").click(function() { 
     alert($(this).parent().find("td:first").html()); 
    });  
}); 

工作樣本http://jsfiddle.net/H2gJV/7/

Answer 6

爲了完整起見，這裏有一個範圍的解決方案。

$('#tblDepartment tr').click(function() { 
    alert($('td[field=ID]', this).html()); 
});