tengo una pregunta corta:
Tengo varios elementos con la misma clase y quiero alertar dinámicamente el valor del índice de datos del elemento con el estilo "display: block".
Aquí está mi código:
var test = $('.test').data('index'); alert( test ); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class="test" style="display:none" data-index="0" href="#">foo!</a> <a class="test" style="display:block" data-index="1" href="#">foo!</a> <a class="test" style="display:none" data-index="2" href="#">foo!</a>:visible se puede usar como en CSS para este propósito
var test = $('.test:visible').data('index'); alert( test ); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class="test" style="display:none" data-index="0" href="#">foo!</a> <a class="test" style="display:block" data-index="1" href="#">foo!</a> <a class="test" style="display:none" data-index="2" href="#">foo!</a>