Jquery - शैली प्रदर्शन विशेषता कैसे प्राप्त करें "कोई नहीं / ब्लॉक"


81

क्या शैली प्राप्त करने का एक तरीका है: प्रदर्शन विशेषता जो या तो कोई भी नहीं होगी या ब्लॉक होगी?

DIV:

<div id="ctl00_MainContentAreaPlaceHolder_cellPhone_input_msg_container" class="Error cellphone" style="display: block;">

     <p class="cellphone" style="display: block;">Text</p>

</div>

मुझे पता है कि यह पता लगाने का एक तरीका है कि क्या DIV छिपा हुआ है या नहीं, लेकिन मेरे मामले में यह div गतिशील रूप से इंजेक्शन है, इसलिए यह हमेशा दिखाई देने वाले झूठ के रूप में दिखाई देता है, इसलिए मैं इसका उपयोग नहीं कर सकता:

$j('.Error .cellphone').is(':hidden')

मैं "प्रदर्शन: ब्लॉक" का उपयोग कर परिणाम प्राप्त करने में सक्षम हूं:

$j('div.contextualError.ckgcellphone').attr('style')

क्या केवल "ब्लॉक" या "कोई नहीं" मान प्राप्त करने का एक तरीका है या ऐसा करने का एक बेहतर / अधिक कुशल तरीका है?

जवाबों:


125

तुम कोशिश कर सकते हो:

$j('div.contextualError.ckgcellphone').css('display')

77

यदि आप 1.6.2 jquery का उपयोग कर रहे हैं तो आपको केवल कोड की आवश्यकता होगी

$('#theid').css('display')

उदाहरण के लिए:

if($('#theid').css('display') == 'none'){ 
   $('#theid').show('slow'); 
} else { 
   $('#theid').hide('slow'); 
}

35

यह सही जवाब है

$('#theid').css('display') == 'none'

आप यह जानने के लिए निम्न ब्लॉक का उपयोग कर सकते हैं कि यह डिस्प्ले ब्लॉक है या नहीं

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

2
जब से आप एक समानता की जाँच करने का प्रयास कर रहे हैं, क्या आपको '==' के बजाय '===' का उपयोग नहीं करना चाहिए?
गमबेन

7
.Css ("डिस्प्ले") और .is (":" ") के साथ जाँच करना एक ही चीज़ नहीं है। यदि मूल तत्व में "प्रदर्शन: कोई नहीं" है, तो वे अलग-अलग परिणाम देंगे। सावधान रहे।
xecute

3

मेरा जवाब

/**
 * Display form to reply comment
 */
function displayReplyForm(commentId) {
    var replyForm = $('#reply-form-' + commentId);
    if (replyForm.css('display') == 'block') { // Current display
        replyForm.css('display', 'none');
    } else { // Hide reply form
        replyForm.css('display', 'block');
    }
}

1
//animated show/hide

function showHide(id) {
      var hidden= ("none" == $( "#".concat(id) ).css("display"));
      if(hidden){
          $( "#".concat(id) ).show(1000);
      }else{
          $("#".concat(id) ).hide(1000);
      }
  }
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.