Jquery - 스타일 표시 속성 "없음 / 블럭"을 가져오는 방법

Jquery - 스타일 표시 속성 "없음 / 블럭"을 가져오는 방법

스타일을 가져올 수 있는 방법이 있습니까: 없음 또는 차단을 포함하는 디스플레이 속성?

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')

다음을 사용하여 "display:block" 결과를 얻을 수 있습니다.

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

"블록" 또는 "없음"이라는 값만 얻을 수 있는 방법이 있습니까? 아니면 이를 위한 더 나은/더 효율적인 방법이 있습니까?

시도해 볼 수 있습니다.

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

jquery 1.6.2를 사용하는 경우 코드화만 하면 됩니다.

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

예:

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

이것이 정답입니다.

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

또한 다음 줄을 사용하여 표시 블록인지 여부를 확인할 수 있습니다.

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

나의 대답

/**
 * 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');
    }
}

//animated show/hide

function showHide(id) {
      var hidden= ("none" == $( "#".concat(id) ).css("display"));
      if(hidden){
          $( "#".concat(id) ).show(1000);
      }else{
          $("#".concat(id) ).hide(1000);
      }
  }

언급URL : https://stackoverflow.com/questions/1875403/jquery-how-to-get-the-style-display-attribute-none-block