Different ways of writing on a given element using jquery
<p>I am trying to explore any possible coding option that I can use to simplify my code or have a better flexibility on writing the code.
If I have this element nest..</p>

<pre><code>&lt;table&gt;
   &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
   &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>if I want to write text on first columns, I can do</p>

<pre><code>$("table tr").each(function({
  // how to write text here on all first column using $(this)?
  // other ways to write on first column?
});
</code></pre>

<p>// other ways to write all first column not using ".each"</p>
