Question

我有两个div第一个div包含一些值，第二个div包含
从后端获取的php数组。我想检查页面加载，如果数组是空的或使用javascript包含一些值。如果它包含值我应该最小化第一个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＆＃34;来计算php数组。 Php是服务器端，javascript是客户端。话虽如此，您可以通过php foreach计算显示的元素。

为了做到这一点，你可以使用Jquery：

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

Answer 2

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

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

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

3 个答案: