访问带索引的表tr

时间:2016-11-02 08:51:24

标签: javascript jquery html

我想在表格中获得一行内容:

<div class="myTable">
   <table id="dataTable">
       <tbody>
          <tr>
            <td>First</td>
          </tr>
           <tr>
             <td>second</td>
           </tr>
       </tbody>
     </table>
   </div>

要获得我使用的td:

$('#dataTable').find('tbody').find('tr:nth-child(1)');

可以使用并获取tr数据,但是,何时使用变量:

var j= 1;
 $('#dataTable').find('tbody').find('tr:nth-child(j)');

失败了。

有什么问题?

5 个答案:

答案 0 :(得分:2)

var j= 1;
 $('#dataTable').find('tbody').find('tr:nth-child(' + j +')');

答案 1 :(得分:2)

使用简单的字符串连接,尽管您可以将其缩减为单个选择器。

var j= 1;

$('#dataTable tbody tr:nth-child(' + j + ')');
//                           ----^^^^^^^^^----

答案 2 :(得分:0)

使用eq()函数:

rows.eq(0).addClass('my_class');

或者:eq()选择器:

$('tr:eq(0)', tbl).addClass('my_class');

答案 3 :(得分:0)

Theres不需要find: -

var j= 1;
$('#dataTable tbody tr:nth-child(' + j +')');

答案 4 :(得分:0)

您可以使用console.log(e.target.value); // this will output aaa 功能。索引从0开始,因此.eq()将为您提供第二个tr

var j = 1