요소가 표시되는지 확인하는 방법

Question

element이 표시되는지 또는 javascript을 사용하는지 알 수있는 방법은 무엇입니까? $('#element').hide();, $('#element').show();을 사용하여 요소를 숨기거나 표시했습니다. element이 표시되는지 어떻게 확인할 수 있습니까? 요소가 모달에 있습니다. 모달에없는 요소를 변경하려고했지만 작동하지 않았습니다. 모달 안에 요소를 넣으면 작동하지 않습니다.

이 코드를 사용해 보았지만 작동하지 않습니다. 보이지 무시합니다 | [블록이 없음] : 표시

<div class="well me"> 
     <label for="majore">Major Exam</label> 
      <div class="input-group"> 
       <input type="text" class="form-control majore" id="majore" oninput="total();"/> 
      <span class="input-group-addon"> 
       <i class="fa fa-percent"></i> 
      </span> 
       </div> 
    </div> 

    <script> 
      if ($('.me').is(':visible')) {       
        mt = m/100 * 50 + 50; 
       } 
    </script> 

Answer 1

"none" == document.getElementById("element").style.display //Check for hide 

"block" == document.getElementById("element").style.display //Check for show 

당신은 것 같습니다 또한

if ($('#element').css('display') == 'none') { 
    alert('element is hidden'); 
} 

Answer 2

확인 [TRUE | FALSE]

$('#element').is(":visible"); 

Answer 3

처럼 사용할 수 있습니다 selector가 잘못되었습니다. 아래의 $("[element]").is(":visible")

예 (에 refrence 용)는

$("#show").on("click", function() { 
 
    $("#text").show(); 
 
}) 
 
$("#hide").on("click", function() { 
 
    $("#text").hide(); 
 
}) 
 
$("#getStatus").on("click", function() { 
 
    alert($("#text").is(":visible")); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="text">Hello</div> 
 
<button id="show">Show</button> 
 
<button id="hide">Hide</button> 
 
<button id="getStatus">Get Status</button>

Answer 4

$('.me') 요소 클래스 me이 elements의 array를 반환하는 클래스 선택기이다.

그래서 당신은 같은 class name 많은 elements이있을 수 this를 사용하거나 index를 사용하여 특정 div 중 하나를 대상으로해야합니다.

$('.me').is(':visible') 첫 번째 요소를 확인하고 첫 번째 요소의 가시성에 따라 결과를 반환합니다. 볼 선택기 :

당신은

$(".me").eq(1).is(':visible') //Here 1 is index of div which can vary 

또는

$(this).is(':visible') 

Answer 5

은 당신이 아래 언급 링크를 확인하실 수 있습니다 시도 할 수 있습니다. http://www.w3schools.com/jquery/sel_visible.asp

https://api.jquery.com/visible-selector/

또한 W3Schools의 예를 확인한다.