Javascript 如何检查php中的空序列化字符串？

我在一个网站上工作，我想检查空序列化字符串。我在问题陈述中提到了我的问题

我在php中使用的代码是：

<!-----------------------------LEFT DIV ------------------------------->


<div class="pickup-from-items-location" id="pickup_from_items_location">
   <div class="timings">
      <?php 
         $serialized = '';
         for ($i = 0; $i < count($data['item']->item_logistic); $i++) {
         if(strcmp($data['item']->item_logistic[$i]->logistics_type, "location_pickup") == 0)
         {
         $serialized .= strtolower($data['item']->item_logistic[$i]->logistics_times);
         }
         }
         if($serialized != '')
         {
         echo
         '<div class="icons_text"> 
         <img src="/images/rsz_venueorange__1_.png"> 
         <p class="mt-4 mb-3 heading_size">pickup from item\'s location </p>
         </div>'; 
         /*
         echo '<span class="font-weight-bold how-can-this-text">' . "how can this item be received" . '</span>';
         echo "<br>"; 
         echo "<br>"; 
         echo '<span class="font-weight-bold mb-3 ml-3">' . "pickup from item's location <br/>" . '</span>';
         echo "<br>";
         echo "<br>"; */
         $unserialized = unserialize( $serialized );


         foreach($unserialized as $key=>$value) 
         {
         echo '
         <div class="dates_timings_items_availability"> 
         <div class="items_availability_weekdays">'. strtolower(date('l', strtotime($key))) .':</div>
         <div class="items_availability_time"><span>'. $value['start'] .'</span></div>
         <div class="delimiter">to</div>
         <div class="items_availability_time"><span>'. $value['end'] .'</span></div>
         </div>'; 
         } 
         }


         else
         {
         /* echo "<p style=\"font-style: italic;\">No information available</p>"; */ 
         }
         ?>
   </div>
</div>




<!-----------------------------RIGHT DIV ------------------------------->


<div class="deliver-to-my-location">
   <div class="timings">
      <?php
         $serialized = '';
         for ($i = 0; $i < count($data['item']->item_logistic); $i++) {
         if(strcmp($data['item']->item_logistic[$i]->logistics_type, "delivery") == 0)
         {
         $serialized .= strtolower($data['item']->item_logistic[$i]->logistics_times);
         }
         }
         if($serialized != '')
         {
         echo 
         '<div class="icons_text"> 
         <img src="/images/rsz_deliveryicon__1_.png"> 
         <p class="mt-4 heading_size mb-3" style="width:100%;">deliver to my location </p>
         </div>'; 
         /*
         echo "<br>";
         echo "<br>";
         echo '<span class="font-weight-bold mb-3 ml-3">' . "deliver to my location <br/>" . '</span>';
         echo "<br>";
         echo "<br>"; */
         $unserialized = unserialize( $serialized );

         foreach($unserialized as $key=>$value) {
         echo '
         <div class="dates_timings_items_availability"> 
         <div class="items_availability_weekdays">'. strtolower(date('l', strtotime($key))) .':</div>
         <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['start'])) .'</span></div>
         <div class="delimiter">to</div>
         <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['end'])) .'</span></div>
         </div>';
         }
         }

         ?>
   </div>
</div>

左Div为

，右Div为

所以当Left Div为空时，Right Div应该向左移动

可能吗

      [[RIGHT]]

---

是的，最好的方法（在我看来）是基于$serialized的值修改CSS。因此，当您不想显示[LEFT]时，请不要在浏览器中显示它。理论上（取决于html和css的设置方式），当左栏不显示时，右栏应该只填充它的位置

这样做

首先，让我们将所有逻辑（不包括echo）移到HTML之外

<?php 
     $serialized = '';
     for ($i = 0; $i < count($data['item']->item_logistic); $i++) {
         if(strcmp($data['item']->item_logistic[$i]->logistics_type, "location_pickup") == 0) {
             $serialized .= strtolower($data['item']->item_logistic[$i]->logistics_times);
         }
     }
?>

然后，我们将为[LEFT]添加HTML和PHP

<div class="pickup-from-items-location" style="<?php if(!empty($serialized)) echo 'display: none;'; ?>" id="pickup_from_items_location">
    <div class="timings">
        <div class="icons_text"> 
            <img src="/images/rsz_deliveryicon__1_.png"> 
            <p class="mt-4 heading_size mb-3" style="width:100%;">deliver to my location </p>
        </div>
        <?php
        if(!empty($serialized)) {
            $unserialized = unserialize( $serialized );

            foreach($unserialized as $key=>$value) {
                ?>
                <div class="dates_timings_items_availability"> 
                   <div class="items_availability_weekdays">'. strtolower(date('l', strtotime($key))) .':</div>
                   <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['start'])) .'</span></div>
                   <div class="delimiter">to</div>
                   <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['end'])) .'</span></div>
                </div>
                <?php
            }
        }
        ?>

    </div>
</div>

我建议对[右侧]重复类似的结构

<div class="pickup-from-items-location" style="<?php if(!empty($serialized)) echo 'display: none;'; ?>" id="pickup_from_items_location">
    <div class="timings">
        <div class="icons_text"> 
            <img src="/images/rsz_deliveryicon__1_.png"> 
            <p class="mt-4 heading_size mb-3" style="width:100%;">deliver to my location </p>
        </div>
        <?php
        if(!empty($serialized)) {
            $unserialized = unserialize( $serialized );

            foreach($unserialized as $key=>$value) {
                ?>
                <div class="dates_timings_items_availability"> 
                   <div class="items_availability_weekdays">'. strtolower(date('l', strtotime($key))) .':</div>
                   <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['start'])) .'</span></div>
                   <div class="delimiter">to</div>
                   <div class="items_availability_time"><span>'. date('g:i a', strtotime($value['end'])) .'</span></div>
                </div>
                <?php
            }
        }
        ?>

    </div>
</div>