तत्व को देखने के लिए कैसे जांचें

Question

मुझे कैसे पता चलेगा कि मेरा elementjavascript का उपयोग कर रहा है या नहीं। मैं छिपाने या तत्व दिखाने के लिए $('#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") की

उदाहरण: (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') एक वर्ग चयनकर्ता जो elements जहां तत्वों वर्ग me है 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

आप के लिए नीचे दिए गए लिंक उल्लेख जाँच कर सकते हैं की कोशिश कर सकते हैं।

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

इसके अलावा w3schools उदाहरण की जाँच करें।