如何檢查元素可見

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

檢查顯示：無|塊]，忽略可見：[真|虛假]

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

Answer 3

看來你選擇器是錯誤的。的下面$("[element]").is(":visible")

實施例：（做參考）

$("#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')是一類選擇器將返回的elements其中元件具有me類array。

所以，你需要使用this或使用index定位的特定div無論是作爲可以有很多elements具有相同class name。

$('.me').is(':visible')這將檢查的第一個元素，並根據第一元素的可見性返回結果。

您可以嘗試

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

OR

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

Answer 5

您可以檢查以下提及鏈接：可見選擇。

https://api.jquery.com/visible-selector/ http://www.w3schools.com/jquery/sel_visible.asp

同時檢查W3Schools的例子。 。