如何检查元素是否可见

How to check if the element is visible

本文关键字：元素 是否 检查 何检查      更新时间：2023-09-26

我怎么知道我的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>

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

你可以用like also

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

检查display:[none|block]，忽略visible:[true|false]

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

似乎你的选择器是错误的。

以下$("[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>

$('.me')是一个类选择器，它将返回elements中的array，其中元素具有me类。

所以你需要通过使用this或使用index来瞄准特定的div，因为可以有许多elements与相同的class name。

$('.me').is(':visible')这将检查第一个元素，并根据第一个元素的可见性返回结果。

你可以试试

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

或

$(this).is(':visible')
相关文章：