jQuery:Siblings()

De W3API
Saltar a: navegación, buscar

Contenido

Descripción

Función que nos permite obtener los elementos hermanos del elemento seleccionado.

Sintaxis

.siblings( [selector] )

Parámetros

  • selector, la expresión de selección del elemento.

Ejemplo

<html><head>
<script type="text/javascript">
$(document).ready(function(){	
 // Colocamos el contenido
 var caracteresAMostrar = 300;
 var contenido = $(".comentario").html();
		
 if (contenido.length > caracteresAMostrar) {
		
   var resumen = contenido.substr(0, caracteresAMostrar);
   var todo = contenido.substr(caracteresAMostrar, contenido.length - caracteresAMostrar);
       
   var nuevocontenido = resumen + '<span class="complete">' + todo + '</span><br><span class="more">Leer mas...</span>';
   $(".comentario").html(nuevocontenido);
}

 $(".more").toggle(function() {
   $(this).text("Leer menos...").siblings(".complete").show();
 }, function() {
   $(this).text("Leer mas...").siblings(".complete").hide();
 });	
});	
</script>
</head>
<body>
<h1>Titulo</h1>
<div class="comentario">
   Lorem ipsum dolor sit amet, vis alterum feugiat sanctus ea. Affert facete eu cum, ut dicta vitae quo. <br>
   Pro populo dolorem eu. Justo conclusionemque sea ne. At dicat putent eum. Reprimique delicatissimi vel et.<br>
   Posse constituam pro eu. Sit graecis appetere at, id his quas possit platonem, ius at nobis decore ullamcorper.
</div>	
</body></html>

Lineas de Código

Herramientas personales
Espacios de nombres
Variantes
Acciones
Navegación
api's
webs
Herramientas