Tengo 100 instancias de esta clase en mi status-list
HTML. Me gustaría recorrer todos los elementos de UL con esta clase y ocultar todos los elementos de la lista anidados excepto el primero. ¿Cómo puedo lograr esto usando jQuery?
He intentado lo siguiente pero recibo este error:
[0].siblings no es una función
$('.status-list').each(function(i, obj) { ($(this)[0]).siblings().hide(); });
Me doy cuenta de que este código anterior ocultaría todos los objetos debajo de ul
, sin embargo, estoy luchando para poder ocultar los elementos hermanos.
Deberías usar selectores css
$('.status-list').each(function() { $(this).children("li:not(:first-child)").hide(); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul class="status-list"> <li>list 11</li> <li>list 12</li> <li>list 13</li> <li>list 14</li> <li>list 15</li> <li>list 16</li> </ul> <ul class="status-list"> <li>list 21</li> <li>list 22</li> <li>list 23</li> <li>list 24</li> <li>list 25</li> <li>list 26</li> </ul>