首页 文章

Jquery - 如何获取样式显示属性“none / block”

提问于
浏览
73

有没有办法获得样式:显示属性哪个没有或阻止?

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

有没有办法获得“阻止”或“无”的值,还是有更好/更有效的方法来做到这一点?

5 回答

  • 30

    你可以尝试:

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

    如果你使用的是jquery 1.6.2,你只需要编码

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

    例如:

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

    这是正确的答案

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

    您还可以使用以下行来查找是否为显示块或无

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

    我的答案

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

相关问题