[jQuery] Get the element that's appended directly without using second step?
<div class="Section1">
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; color: navy; font-family: Arial;">This is exactly how I
do it. I don't even append the new element until it has been fully populated or
manipulated. I don't want my users to see a half way completed div if some
procedure takes longer than expected.</span></font>
<div>
<p class="MsoNormal"><em><b><i><font color="navy" face="Arial" size="2"><span style="font-weight: bold; font-size: 10pt; color: navy; font-family: Arial;">Matt
Penner</span></font></i></b></em><b><i><font color="navy" face="Arial" size="2"><span style="font-weight: bold; font-size: 10pt; color: navy; font-style: italic; font-family: Arial;">
</span></font></i></b><font color="navy" face="Arial" size="2">
<span style="font-size: 10pt; color: navy; font-family: Arial;">Database Engineer
II
GIS Support
<a title="mailto:mpenner@valverde.edu" href="mailto:mpenner@valverde.edu">mpenner@valverde.edu</a>
(951) 940-6108
x10709</span></font></div>
<div>
<div class="MsoNormal" style="text-align: center;" align="center"><font face="Times New Roman" size="3"><span style="font-size: 12pt;">
<hr tabindex="-1" align="center" size="2" width="100%">
</span></font></div>
<p class="MsoNormal"><b><font face="Tahoma" size="2"><span style="font-weight: bold; font-size: 10pt; font-family: Tahoma;">From:</span></font></b><font face="Tahoma" size="2"><span style="font-size: 10pt; font-family: Tahoma;">
<a href="mailto:jquery-en@googlegroups.com">jquery-en@googlegroups.com</a> [mailto:<a href="mailto:jquery-en@googlegroups.com">jquery-en@googlegroups.com</a>] <b><span style="font-weight: bold;">On Behalf Of </span></b>Karl Swedberg
<b><span style="font-weight: bold;">Sent:</span></b> Monday, August 20, 2007 10:21
AM
<b><span style="font-weight: bold;">To:</span></b>
<a href="mailto:jquery-en@googlegroups.com">jquery-en@googlegroups.com</a>
<b><span style="font-weight: bold;">Subject:</span></b> [jQuery] Re: Get the element
that's appended directly without using second
step?</span></font></div>
<p class="MsoNormal"><font face="Times New Roman" size="3"><span style="font-size: 12pt;">You could do it like this,
perhaps:</span></font>
<p class="MsoNormal"><font face="Times New Roman" size="3"><span style="font-size: 12pt;">var $testDiv = $("<div
class='testDiv'></div>").appendTo(window.document.body);</span></font>
<div><span style="word-spacing: 0px; border-spacing: 0px; orphans: 2; widows: 2;"><span style="word-spacing: 0px; border-spacing: 0px; orphans: 2; widows: 2;">
<div>
<div>
<p class="MsoNormal"><font color="black" face="Helvetica" size="1"><span style="font-size: 9pt; color: black; font-family: Helvetica;">Is that what you're
looking for?</span></font></div>
<div>
<p class="MsoNormal"><font color="black" face="Helvetica" size="1"><span style="font-size: 9pt; color: black; font-family: Helvetica;">--Karl</span></font></div>
<div>
<p class="MsoNormal"><font color="black" face="Helvetica" size="1"><span style="font-size: 9pt; color: black; font-family: Helvetica;">_________________</span></font></div>
<div>
<p class="MsoNormal"><font color="black" face="Helvetica" size="1"><span style="font-size: 9pt; color: black; font-family: Helvetica;">Karl
Swedberg</span></font></div>
<div>
<p class="MsoNormal"><font color="black" face="Helvetica" size="1"><span style="font-size: 9pt; color: black; font-family: Helvetica;"><a href="http://www.englishrules.com">www.englishrules.com</a></span></font></div>
<div>
<p class="MsoNormal"><font color="black" face="Helvetica" size="1"><span style="font-size: 9pt; color: black; font-family: Helvetica;"><a href="http://www.learningjquery.com">www.learningjquery.com</a>
</span></font>
</div>
<div>
</div>
</div></span></span>
<div>
<div>
<p class="MsoNormal"><font face="Times New Roman" size="3"><span style="font-size: 12pt;">On Aug 20, 2007, at 11:47 AM, Jay W