如何在javascript中检查php数组的长度

Question

我有两个div第一个div包含一些值，第二个div包含
从后端获取的php数组。 我想检查页面加载是否数组为空或它包含一些使用javascript的值。 如果它包含值i，则应最小化第一个div，否则应扩展。 码：

<div class="firstdiv ">
  <div >
    <p class="jb_text"><?php echo $per->name;?></p><hr>
  </div>
</div>

<div class="seconddiv ">
    <div class="panel-group" >
      <?php if($data): ?>
        <?php foreach($data as $work): ?>
          <div class="panel panel-default" id = "transp">
           <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 cd-name text-capitalize"><?php echo $work->first_name." ".$work->last_name; ?>
           </div>   
          </div> 
        <?php endforeach; ?>
      <?php endif; ?>
    </div>
</div>

如何在javascript中检查php数组的长度。

Answer 1

您不能“使用javascript计数php数组”。 PHP是服务器端，javascript是客户端。 话虽如此，您可以通过php foreach计算显示的元素。

为此，使用Jquery可以使用：

if(!$('.panel panel-default').length) {
    $('.seconddiv').hide();
}

Answer 2

在这种情况下，您需要在浏览器中按class计算div或元素

<script>
seconddivLength = document.querySelectorAll(".panel.panel-default").length;
alert("seconddiv Length is: " + seconddivLength)
</script>

Answer 3

您无法使用Javascript计算PHP数组。

尝试这样的事情。

   <div class="firstdiv ">
      <div >
        <p class="jb_text"><?php echo $per->name;?></p><hr>
      </div>
    </div>

    <div class="seconddiv ">
        <div class="panel-group" >
          <?php if(isset($data) && is_array($data) && count($data) >= 1): ?>
            <?php foreach($data as $work): ?>
              <div class="panel panel-default" id = "transp">
               <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 cd-name text- 
   capitalize"><?php echo $work->first_name." ".$work->last_name; ?>
               </div>   
              </div> 
            <?php endforeach; ?>
          <?php else: ?>
            <!-- What ever else you want if its empty -->
          <?php endif; ?>
        </div>
    </div>