How to get inner tr tag using JQuery?
<p>I am trying to grab documentnumber attribute from the tr tags inside tbody, and save it in an array.</p>

<p>Below is the html , I am working on</p>

<pre><code>&lt;tbody class="line-item-grid-body"&gt;
    &lt;tr data-group-sequence-number-field-index="" data-sequence-number-field-index="1" documentnumber="80" documentid="4133604" parent="80" class="line-item parent-line-item line-item-show reorderable-row  droppable-element"&gt;
        &lt;td&gt; 
                 &lt;table&gt;
                   &lt;tbody&gt;
            &lt;tr&gt;&lt;/tr&gt;
                   &lt;/tbody&gt;
                 &lt;/table&gt;
        &lt;/td&gt;
   &lt;/tr&gt;
    &lt;tr data-group-sequence-number-field-index="" data-sequence-number-field-index="1" documentnumber="80" documentid="4133604" parent="80" class="line-item parent-line-item line-item-show reorderable-row  droppable-element"&gt;
   &lt;/tr&gt;
&lt;/tbody&gt;
</code></pre>

<p>and this is what I did, which is not working. If I don't specify particular class then system also grabs inner tr tags, which I don't want</p>

<pre><code>var docs = jQuery("#line-item-grid").find('tbody').find("tr[class='line-item parent-line-item line-item-show reorderable-row  droppable-element']");

for (i=1;i&lt;=docs.length;i++)
{
var tempValue = jQuery(docs[i]).attr('documentnumber');
alert(tempValue);
}
</code></pre>

<p>Any ideas?</p>
