检索使用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()); 
});