title: How to access the tr inner table tr
body: <p>I am having the below table structure</p>
  
  <pre><code>&lt;table class="table-striped table-bordered" style="width: 50%; text-indent: 5px" id="table1"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th style="text-align: center; background-color: gray; color: white;" rowSpan="1" colspan="3"&gt;HELLO&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;#&lt;/th&gt;
        &lt;th colspan="1"&gt;Name&lt;/th&gt;
        &lt;th style="text-align: right;"&gt;Roll&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody ng-repeat="x in x.data.nameList"&gt;
      &lt;tr&gt;
        &lt;td&gt;{{$index+1}}&lt;/td&gt;
        &lt;td colspan="1"&gt;{{x.name}}&lt;/td&gt;
        &lt;td style="text-align: right;"&gt;{{x.position | number:2}}
          &lt;a class="glyphicon glyphicon-chevron-down" ng-click=toggle($index) data-toggle="toggle"&gt;&lt;/a&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id=name{{$index}} class="collapse"&gt;
        &lt;td colspan="1"&gt;&lt;/td&gt;
        &lt;td colspan="2" style="align-content: right;"&gt;
          &lt;table class="table table-condensed table-striped" style="width: 100%; text-indent: 5px" ;&gt;
  
            &lt;tr&gt;
              &lt;th style="width: 15%; text-align: right;"&gt;#&lt;/th&gt;
              &lt;th nowrap style="width: 20%; text-align: right;"&gt;name&lt;/th&gt;
              &lt;th nowrap style="width: 30%; text-align: right;"&gt;class&lt;/th&gt;
              &lt;th nowrap style="width: 35%; text-align: right;"&gt;Position&lt;/th&gt;
            &lt;/tr&gt;
            &lt;tr style="text-align: right;" ng-repeat="b in x.positionList"&gt;
              &lt;td&gt;{{$index+1}}&lt;/td&gt;
              &lt;td&gt;{{b.idBook}}&lt;/td&gt;
              &lt;td&gt;{{b.bookName}}&lt;/td&gt;
              &lt;td&gt;{{b.position | number:2}}&lt;/td&gt;
            &lt;/tr&gt;
  
          &lt;/table&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to access the inner table tr using the jquery as below,</p>
  
  <pre><code>$("#table1&gt;tbody tr:eq(3)").each(function() {
  </code></pre>
  
  <p>But each time its returning me only single record of the inner table TR.I am expecting that it will iterate and will return all the record/row of the inner table TR.
  Could you please suggest me any approach ,how can i do this.</p>