Question

我具有以下表格结构

<table class="table-striped table-bordered" style="width: 50%; text-indent: 5px" id="table1">
  <thead>
    <tr>
      <th style="text-align: center; background-color: gray; color: white;" rowSpan="1" colspan="3">HELLO</th>
    </tr>
    <tr>
      <th>#</th>
      <th colspan="1">Name</th>
      <th style="text-align: right;">Roll</th>
    </tr>
  </thead>
  <tbody ng-repeat="x in x.data.nameList">
    <tr>
      <td>{{$index+1}}</td>
      <td colspan="1">{{x.name}}</td>
      <td style="text-align: right;">{{x.position | number:2}}
        <a class="glyphicon glyphicon-chevron-down" ng-click=toggle($index) data-toggle="toggle"></a>
      </td>
    </tr>
    <tr id=name{{$index}} class="collapse">
      <td colspan="1"></td>
      <td colspan="2" style="align-content: right;">
        <table class="table table-condensed table-striped" style="width: 100%; text-indent: 5px" ;>

          <tr>
            <th style="width: 15%; text-align: right;">#</th>
            <th nowrap style="width: 20%; text-align: right;">name</th>
            <th nowrap style="width: 30%; text-align: right;">class</th>
            <th nowrap style="width: 35%; text-align: right;">Position</th>
          </tr>
          <tr style="text-align: right;" ng-repeat="b in x.positionList">
            <td>{{$index+1}}</td>
            <td>{{b.idBook}}</td>
            <td>{{b.bookName}}</td>
            <td>{{b.position | number:2}}</td>
          </tr>

        </table>
      </td>
    </tr>
  </tbody>

</table>

我想使用下面的jquery访问内部表tr，

$("#table1>tbody tr:eq(3)").each(function() {

但是每次它只返回内部表TR的单个记录时，我期望它会迭代并返回内部表TR的所有记录/行。您能建议我任何方法吗，我该怎么做。

Answer 1

在不使用eq运算符的情况下使用以获取＃table1下的所有tr元素。

$("#table1>tbody tr").each(function()

要获取内部表的tr元素，请使用：

$("#table1>tbody tr>td>table tr").each(function()

Answer 2

只需使用以下代码：

$('table table').on('click',function(){
    alert('1');
});

别忘了投票：）

如何访问tr内部表tr

2 个答案: