Jquery nth-child loop
<p>I got "N" div containers all with same class "test" and inside i got divs.
<br>How can i change background on hover on only one of the container's divs(all of them).I tryed with <code>('div').parent('test')</code> but its hovering all of the containers.
<br><strong>My code i already tried but its not working:</strong></p>

<pre><code>$(document).ready(function() {
   $('.test').each(function() {
   $('.test').hover(function() {
    $('div').parent('.test').css('background','#000000');
   },function() {
    $('div').parent('.test').css('background','#FFFFFF');
   }); 
}); 
});
</code></pre>

<p><strong>The HTML PART:</strong></p>

<pre><code>&lt;div class="test" data-href="index.php?page=customerinfo&amp;nodeid='.$usernode['id'].'"&gt;
                        &lt;div class="col-md-3"&gt;

                        '.$usernode['name'].'
                      &lt;/div&gt;
                      &lt;div class="col-md-1"&gt;
                      ('.str_pad($usernode['id'],4,'0',STR_PAD_LEFT).')
                      &lt;/div&gt;
                      &lt;div class="col-md-2"&gt;
                      '.long2ip($usernode['ipaddr']).'
                      &lt;/div&gt;
                      &lt;div class="col-md-2"&gt;
                      '.$mac.'
                      &lt;/div&gt;
                      &lt;div class="col-md-1"&gt;
                      &amp;nbsp;
                      &lt;/div&gt;
                      &lt;div class="col-md-1"&gt;
                      LAN1
                      &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                  &lt;img src="img/access.gif" /&gt;
                  &lt;img src="img/warningoff.gif" /&gt;
                  &lt;img src="img/delete.gif" /&gt;
                  &lt;img src="img/edit.gif" /&gt;
                  &lt;img src="img/info.gif" /&gt;
                &lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>there is N containers with class="test" so i dont know how to do it properly</p>