Obtuve una lista de elementos li mientras filtro datos. Excluyo los elementos innecesarios configurando la visualización en ninguno. Me gustaría verificar el primer elemento que no tiene un estilo de visualización configurado. ¿Cómo puedo hacer esto? Ejemplo de elemento sin visualización:
<li style="display: none;"><a href="#" data-key="81" data-value="Example 1">Data</a></li>Ejemplo de elemento que no tiene atributo de mostrar ninguno:
<li style=""><a href="#" data-key="1" data-value="Example2">Example2</a></li>Mi código JavaScript:
var liValue = $("#UlId").find('li:not([style*="display: none"])').val();¿Cómo puedo obtener el primer li que es visible?
Si solo desea el primer valor visible, find y eq(0) es su amigo.
var liValue = $("#UlId").find('li:not([style*="display: none"])').eq(0).find('a').text(); console.log(liValue); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="UlId"> <li style="display: none;"><a href="#" data-key="81" data-value="Example 1">Data</a></li> <li style=""><a href="#" data-key="1" data-value="Example2">Example2</a></li> <li style=""><a href="#" data-key="2" data-value="Example3">Example3</a></li> </ul>puedes usar esto
$('li:visible:first')