如何获得第一个表格行“ <td></td> ”使用jquery可见的文本

Question

Here I have a table

<table id="table">
 <thead>
  <tr>
      <th>Name</th>
      <th>Course</th>
  </tr>
 </thead>
 <tbody>
   <tr style="display:none">
        <td>jones</td>
         <td>.net</td>
   </tr>
  <tr style="display:none">
        <td>James</td>
         <td>SAP</td>
   </tr>
   <tr>
        <td>Charles</td>
        <td>Java</td>  
   </tr>
</tbody>
</table>

I want to get text of first row first td text which are visible using jquery, by above table, I want result as "Charles".

How can get it. I have tried like

$("#table").closest('tbody').children('tr:first').find('td:first').text()

but not getting result.how can I?

Answer 1

尝试使用:visible选择器获取可见行，

$("#table tbody tr:visible:first td:first").text()

Answer 2

要获得可见的，请使用jquery附带的依据：visible选择器：

$('#table > tbody > tr:visible:first > td:first').text();

Answer 3

这是为我工作。

$('#table> tbody > tr:visible').first().find('td').first().text();