jquery - 使用jquery检索显示的div的值

Question

我有 2 个元素。每个都有相同的类名。例如，

<div class="test">Value1</div>
<div class="test" style="display:none;">Value2</div>

在上面的例子中我想获取显示的div的值。即值1。

如何使用 jquery 来做到这一点？请帮助我

Answer 1

使用:visible选择器。

$(document).ready(function(){
  alert($(".test:visible").text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">Value1</div>
<div class="test" style="display:none;">Value2</div>