檢索使用jQuery

Question

TD隱藏單元格，我有以下表格：

<table id="mytable"> 
<tr> 
<th class="hidden">id</th> 
<th>name</th> 
</tr> 
<tr> 
<td class="hidden">87</td> 
<td>Isle of Palms</td> 
</tr> 
</table> 

，然後這個jQuery代碼隱藏ID列：

<script> 
$(function() { 
$('.hidden').hide(); 
}); 
</script> 

我需要獲得ID單元隱藏值時我點擊任何一行，但我找不到合適的選擇器。任何幫助將不勝感激。感謝名單。

Answer 1

試試這個：

$('tr').click(function() { 

    var id = $(this).find('td.hidden').html(); 
}); 

UPDATE

$('tr').click(function() { 

    var id = $(this).find('td.hidden:first').html(); 
}); 

如果有很多列，要選擇的第一個，你可以使用:first。請記住，這將爲您表中的所有行添加單擊事件。我想你只對你體內的行感興趣，你的例子沒有。所以我會做這個：

<table id="mytable"> 
    <thead> 
    <tr> 
     <th class="hidden">id</th> 
     <th>name</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td class="hidden">87</td> 
     <td>Isle of Palms</td> 
    </tr> 
    </tbody> 
</table> 

，然後設置單擊事件TBODY行

$('tbody tr').click(function() { 

    var id = $(this).find('td.hidden:first').html(); 
}); 

希望幫助！

Answer 2

我會假設你我的<td class="hidden">87</td>或87

的.text()您可以在<tr/>註冊一個單擊處理程序，然後找到你<td/>

$("tr").click(function(){ 
    var $idCell = $(this).find("td.hidden"); 
    if($idCell.length == 1) 
    { 
     var id = $idCell.text(); 
    } 
}); 

編輯

一稍微好一點的選項可能是使用.filter()，因此您只註冊具有chil的事件處理程序d <td class="hidden"/>

$("tr").filter(function(){ 
    return $(this).children("td.hidden").length == 1; 
}).click(function(){ 
    alert($(this).find("td.hidden").text()); 
});