Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/06/2012, 14:01
gort123
 
Fecha de Ingreso: septiembre-2011
Mensajes: 3
Antigüedad: 13 años, 2 meses
Puntos: 0
Problemas jquery .last()

Hola tengo un problema, lo que quiero es seleccionar el ultimo div.separation_actions visible en cada div#comment, pero utilizando el .last() de jquery me selecciona el ultimo de todo el documento, a ver si alguien me pudiera ayudar...gracias...tengo el siguiente codigo:


<script>
$(".actions .separator_actions:visible").last().css("display", "none");
</script>

<style>
.actions a{ text-decoration: none; margin:7px;}
.actions a:hover{text-decoration: underline;}
.actions a:empty{display: none;}
.actions a:empty+.separator_actions{display: none;}
.separator_actions:last-of-type{display:none;}
.separator_actions{width: 5px; height: 5px;border-radius:5px; background-color: #0b559b; display: inline-block;}
</style>

<div id="comment1">
<div class="actions">
<a href="#">View</a>
<div class="separator_actions"></div>
<a href="#">Share</a>
<div class="separator_actions"></div>
<a href="#">Like</a>
<div class="separator_actions"></div>
<a href="#">Give</a>
<div class="separator_actions"></div>
<a href="#">You and other 4</a>
<div class="separator_actions"></div>
<a href="#">Emilio</a>
<div class="separator_actions"></div>
<a href="#">Lala</a>
<div class="separator_actions"></div>
</div>
</div>
<p>
<div id="comment2">
<div class="actions">
<a href="#">View</a>
<div class="separator_actions"></div>
<a href="#">Share</a>
<div class="separator_actions"></div>
<a href="#">Like</a>
<div class="separator_actions"></div>
<a href="#">Give</a>
<div class="separator_actions"></div>
<a href="#">You and other 4</a>
<div class="separator_actions"></div>
<a href="#">Emilio</a>
<div class="separator_actions"></div>
<a href="#"></a>
<div class="separator_actions"></div>
</div>
</div>
<p>
<div id="comment3">
<div class="actions">
<a href="#">View</a>
<div class="separator_actions"></div>
<a href="#">Share</a>
<div class="separator_actions"></div>
<a href="#">Like</a>
<div class="separator_actions"></div>
<a href="#"></a>
<div class="separator_actions"></div>
<a href="#"></a>
<div class="separator_actions"></div>
<a href="#"></a>
<div class="separator_actions"></div>
<a href="#"></a>
<div class="separator_actions"></div>
</div>
</div><p>