Seleccionar el ultimo elemento visible

[gort123]

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>

[cristian_cena]

no uses .last()

Código Javascript:

$(".actions .separator_actions:visible").css("display", "none");
 

[kseso?]

1º: ¿qué hace un tema de js en el foro de css?

2º: Ya que está por estos lares, voy con una sugerencia, que tampoco tiene nada que ver con css.

Desconociendo la finalidad última y el porqué ha etiquetado de esa manera corro peligro de sugerir otro despropósito, pero ya metidos en harina, una más.

¿qué tal algo como?

Código HTML:

<div id="comment1">
  <ul class="actions">
    <li><a href="#">View</a></li>
    <li><a href="#">Share</a></li>
    <li><a href="#">Like</a></li>
    <li><a href="#">Give</a></li>
    <li><a href="#">You and other 4</a></li>
    <li><a href="#">Emilio</a></li>
    <li><a href="#">Lala</a></li>
  </ul>
</div>
 

Creo que no hace falta el justificar.
Y por supuesto, esas <p> que abre y no cierra y que no tienen sentido. E incluso podría (en condicional) prescindir del div y aplicar el id a la propia lista: <ul id="comment1" class="actions">

El resto es sencillo, su separador (que sólo es un borde) puede ser sustituido tranquilamente por el borde inferior de la lista.

[gort123]

El problema es que eso se genera dinamicamente, yo lo hubiera hecho con lista, pero ese es el html que se genera, las p las puse ahora ahi rapido de ejemplo para separar los div, la cuestion es que no tengo permitido cambiar el codigo html y me hace falta por css o por jquery que son las opciones que tengo creo quitar el separador del ultimo elemento visible de cada comment...agradeceria cualquier ayuda

en respuesta

Código HTML:

cristian_cena
 

si quito el .last() lo que hace es seleccionarme todos los separadores visibles y lo que me hace falta es seleccionar el ultimo div..separator_actions visible de cada div.actions

gracias