jquery를 사용하여 표시된 div 값 검색

Question

2 개의 요소가 있습니다. 각 클래스는 동일한 클래스 이름을가집니다. 예 :

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

위 예제에서 표시된 div의 값을 얻고 싶습니다. 즉, Value1.

어떻게 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>

Answer 2

당신은 JQuery와 :visible

를 사용하여 visibility을 확인할 수 있습니다

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

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