jQuery: child elements of appended object
<p>Is there a more elegant way of working with multiple objects within an object. For example:</p>

<pre><code>&lt;table class="thisTable"&gt;
    &lt;tr class="thisRow"&gt;
        &lt;td class="row1"&gt;&lt;/td&gt;
        &lt;td class="row2"&gt;&lt;/td&gt;
        &lt;td class="row3"&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Instead of doing:</p>

<pre><code>$("table.thisTable tr.thisRow td.row1").text("Hi")
$("table.thisTable tr.thisRow td.row2").text("Mom")
$("table.thisTable tr.thisRow td.row3").text("Dad")
</code></pre>

<p>is there a method that allows:</p>

<pre><code>$("table.thisTable tr.thisRow").function() {
    $(this).children("td.row1").text("Hi");
    $(this).children("td.row2").text("Mom");
    $(this).children("td.row3").text("Dad");
}
</code></pre>

<p>I know you don't gain anything functionally, but I have a lot of long selectors that start to get difficult to track and maintain in code.</p>

<p>I've been scouring the jQuery documentation, but the concept isn't jumping out at me and my Google search terms just aren't getting me in the right direction.</p>
