get each first-child text and set to the each parent id
<p>I have a table</p>

<pre><code>&lt;tbody&gt;
    &lt;tr&gt;
        &lt;td&gt;101&lt;/td&gt;
        &lt;td&gt;37,17 m&lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;3&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;102&lt;/td&gt;
        &lt;td&gt;30,53 m&lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;2&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;103&lt;/td&gt;
        &lt;td&gt;10,53 m&lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;5&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/tbody&gt;
</code></pre>

<p>and i would like to get text from first  and set it to id of parent  to end like this</p>

<pre><code>&lt;tbody&gt;
    &lt;tr id="101"&gt;
        &lt;td&gt;101&lt;/td&gt;
        &lt;td&gt;37,17 m&lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;3&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="102"&gt;
        &lt;td&gt;102&lt;/td&gt;
        &lt;td&gt;30,53 m&lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;2&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="103"&gt;
        &lt;td&gt;103&lt;/td&gt;
        &lt;td&gt;10,53 m&lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;5&lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/tbody&gt;
</code></pre>

<p>i wrote something like this</p>

<pre><code>var td = $('tobody td:first-child').text(); - returns 101102103

$('tobody tr').attr('id', td); - returns 101102103 for each tr
</code></pre>

<p>how to separate this ??</p>
