how to style top parent element using jquery
<p>i want style top parent and it should be dynamic. i just want style top parent. we can add more parent div but style should reflect on to div. is that possible with jquery.</p>

<pre><code>&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;script type="text/javascript" src="jquery-1.7.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

$(function(){
    $('.text').parent().css('background-color','red')
})

&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div&gt;
    &lt;div&gt;
        &lt;div class="menu"&gt;
            &lt;div class="text"&gt;hiiii&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
</code></pre>
