php数组和jquery添加类

Question

我试图根据询问日期、开始时间和结束时间的表格突出显示可用的办公桌。我能够回显所有可用的办公桌，但我无法让 jquery 与其一起工作。

foreach ($allData as $desk => $id){

  foreach ($id as $computer){?>
      <div id="<?php echo $desk?>"></div><?php 
    }

}

<style>
  .availableDesk{
background: #000000
  }
</style>

<script>
  $(document).ready(function() {
  jQuery( " <?php echo $desk ?> " ), addClass('availableDesk') ; 
})
</script>

办公桌：

<ul class="tabs">
<li id="1A"><a href="#1A"><div id="ddesk"></div></a></li>
    <li id="1B"><a href="#1B"><div id="ddesk"></div></a></li>
    <li id="1C"><a href="#1C"><div id="ddesk"></div></a></li>
</ul>

Answer 1

您缺少 PHP 块末尾的 ?> 。

<?php
foreach ($allData as $desk => $id){

  foreach ($id as $computer){?>
      <div id="<?php echo $desk?>"></div><?php 
    }

} // You need a "?>" here
?>

您的 jQuery 代码有一些问题。首先，如果 $desk 是 ID，则需要执行 $('#ID')。其次，在 addClass 之前有一个逗号而不是句点。

jQuery("#<?php echo $desk ?>").addClass('availableDesk');

PS HTML ID 不应以数字开头。另外，你不能有多个具有相同 ID 的元素，我建议你使用类。

Answer 2

我可以在这里看到一些潜在的问题...

jQuery( "<?php echo $desk ?>" ), addClass('availableDesk') ;

从语法上讲，我认为这应该是：

jQuery("#<?php echo $desk ?>").addClass('availableDesk');

注意选择器中的 #，这告诉 jQuery 您正在寻找一个 id。 addClass 方法可用于返回的项目，因此您需要一个停止符 (.) 而不是逗号 (,)

另一个问题是您在 PHP 的 foreach 循环中写入 id - 我假设每个桌子都有一个唯一的 id - 当您编写 jQuery("#") 时，该语句位于 foreach 循环之外，因此它与您要定位的 id 不匹配。

如果您知道该桌子可以用 PHP 编写，那么最好的选择是在编写桌子时设置类......

<div id="<?php echo $desk?>" class="availableDesk"></div>