Get which child was changed via DOMSubtreeModified event
<p>I was wondering if there could be any way to detect which child triggered <code>DOMSubtreeModified</code> event.</p>

<p>For instance, say I have the following code excerpt:</p>

<pre><code>...
&lt;ul id="chatRooms" class="lst_usr" style="position: relative;&gt;
    &lt;li id="1234" class="chatRoom "&gt;
        &lt;a href="#" class="usr_talk"&gt;...&lt;/a&gt;
        &lt;div class="sel_group off"&gt;...&lt;/div&gt;
    &lt;/li&gt;
    &lt;li id="2345" class="chatRoom "&gt;
        &lt;a href="#" class="usr_talk"&gt;...&lt;/a&gt;
        &lt;div class="sel_group off"&gt;...&lt;/div&gt;
    &lt;/li&gt;
    &lt;li id="3456" class="chatRoom "&gt;
        &lt;a href="#" class="usr_talk"&gt;...&lt;/a&gt;
        &lt;div class="sel_group off"&gt;...&lt;/div&gt;
    &lt;/li&gt;
    &lt;li id="4567" class="chatRoom "&gt;
        &lt;a href="#" class="usr_talk"&gt;...&lt;/a&gt;
        &lt;div class="sel_group off"&gt;...&lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;
....
</code></pre>

<p>And in my script, I know that I can detect <code>&lt;ul&gt;</code>'s components getting updated via</p>

<pre><code>$("#chatRooms").bind("DOMSubtreeModified", function() {
     alert("chatRooms modified");
});
</code></pre>

<p>However, I could not find any documents specifying ways to find out which child element of the event being bound to triggers. Is there a way to do so with <code>DOMSubtreeModified</code> event? If not, is it possible using a different event/function?</p>

<p>Thanks for the help in advance.</p>