Jquery : Select last visible direct child
<pre><code>&lt;div class="menu-items-wrapper" style="width: 547px;"&gt;
   &lt;div class="one" style="height: 134px;"&gt;
   &lt;div class="two" style="display:none;height: 134px;"&gt;
   &lt;div class="other" style="height: 134px;"&gt;
   &lt;div class="new" style="display: none; height: 134px;"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I wish to get the last visible direct child from the html above. Please note that every child div has even more html in it so thats why I want the direct child.</p>

<p>What I have at the moment</p>

<pre><code>  jQuery(".menu-items-wrapper &gt; div").find(":visible:last-child").css("border-right","0px");
</code></pre>

<p>or</p>

<pre><code>  jQuery(".menu-items-wrapper &gt; div").find(":visible:last").css("border-right","0px");
</code></pre>

<p>But I cannot get the last direct child to have no border. Can anyone help</p>

<p>forgot to mention that i have that div like 12 times in the page and want to apply it to all occurences. at the moment its only working on the last item</p>
