Jquery-jak uzyskać atrybut style display " none / block"

Question

Jquery-jak uzyskać atrybut style display " none / block"

Czy istnieje sposób na uzyskanie atrybutu style: display, który miałby albo none albo block?

DIV:

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

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

</div>

Wiem, że istnieje sposób, aby dowiedzieć się, czy DIV jest ukryty, czy nie, ale w moim przypadku div jest dynamicznie wstrzykiwany, więc zawsze wyświetla się jako visible false, więc nie mogę tego użyć: {]}

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

Jestem w stanie uzyskać wynik "display:block" używając:

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

Czy istnieje sposób, aby uzyskać tylko wartość "block" lub "none" lub czy istnieje lepszy / bardziej efektywny sposób, aby zrobić to?

72

jquery coding-style attributes

Author: niton, 2009-12-09

Source

5 answers

Jeśli używasz jquery 1.6.2 wystarczy tylko kod

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

Na przykład:

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

68

Author: raphie,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-07-13 19:37:19

To jest poprawna odpowiedź

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

Możesz również użyć poniższej linii, aby znaleźć, czy jest to display block, czy none

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

30

Author: Seetpal Singh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-05-23 22:40:56

Moja odpowiedź

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

3

Author: user2487028,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-09-04 16:21:24

//animated show/hide

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

1

Author: byrop,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-01-11 16:39:36

score 110 · Accepted Answer

Możesz spróbować:

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

110

Author: gnarf,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-09 17:16:36