使用jquery检索显示的div的值

Question

我有2个元素。每个人都有相同的班级名称。例如，

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

在上面的示例中，我想获得显示的div的值。即，Value1。

如何使用jquery执行此操作？请帮助我

Answer 1

使用:visible选择器。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用jquery :visible

查看visibility

＆＃13;

＆＃13;

var val = $(".test:visible").text();
console.log(val);

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;