如何在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>