jueves, 1 de marzo de 2012

Algunos selectores en JQuery Parte 2

Anteriormente ya he escrito sobre este tema, solo me gustaría amplearlo ya que si manejas bien este tema te puedes ahorrar muchos ciclos para buscar un objeto en determinada posición, por ejemplo en un arreglo de <li> posicionarte en el ultimo, el primero, etc.


:last-child indica posicionarte sobre el ultimo objeto de un arreglo de posiciones de la misma clase. Ej:


<ul><li>Valor1</li><li>Valor2</li><li>Valor3</li></ul>


alert($("ul li:last-child").html())  // Esta linea de código regresa el valor HTML <li>


.last() Indica lo mismo que el anterior, también te posiciona sobre el ultimo objeto, si nos situamos sobre el ejemplo anterior.


alert($("li").last().html()); // retorna Valor3


Por cuestiones de tiempo este tema será expandido después, pero si hay dudas pueden preguntar.