Javascript 如何动态禁用和启用div

我正在开发一个购物网站，在这个网站上，我在结账时使用zipcode验证地址。我想禁用每个不可交付的div。 下面是代码

<?php
    if (isset($all[0])) {
        for($i = 0; $i <= count($all) ; $i++) {
            if (isset($all[$i])) {
?>
                <div class="col-sm-5 col-md-3 col-xs-12">
                    <div id="addrs" class="col-sm-12 col-md-12 col-xs-12 addr-box" data-addr="<?php echo $all[$i]['id']; ?>">
                        <strong><?php echo $all[$i]['name']; ?></strong>
                        <?php echo $all[$i]['zip'] ?>
                        <?php
                            if ($all[$i]['zip'] && (in_array($all[$i]['zip'], $area['area']))) {
                                $availability = '<p>True</p>';
                            } else {
                                $availability = '<p>False</p>';
                            }
                        ?>
                    </div>
                    <?php echo $availability ?>
                </div>
<?php
            }
        }
    }
?>

---

我不完全确定这是否是您想要的，但这会添加

style='pointer-events:none；'

到不可用的div，这将阻止它们被单击。

相同的ID在迭代中，会导致无效的标记。您所说的

禁用每个div

？您需要的代码是

$（'#IDselector'）。hide（）

。但是检查你的html，正如@Jai所建议的，这是无效的。你的意思是

disable

隐藏div或添加特定样式？@SherinJose我不希望该div是可点击的谢谢。这是我们所期望的。成功了。这是一件事。如何应用类而不是指针事件这是一个小小的修改：replace

<?php
if (isset($all[0])) {
  for($i = 0; $i <= count($all) ; $i++) {
    if (isset($all[$i])) {
      $availability = ($all[$i]['zip'] && (in_array($all[$i]['zip'], $area['area'])));
      ?>
      <div class="col-sm-5 col-md-3 col-xs-12" <?php if(!$availability){ echo "style='pointer-events:none;'"; } ?> >
        <div id="addrs" class="col-sm-12 col-md-12 col-xs-12 addr-box" data-addr="<?php echo $all[$i]['id']; ?>">
          <strong><?php echo $all[$i]['name']; ?></strong>
          <?php echo $all[$i]['zip']; ?>
        </div>
        <?php echo "<p>".($availability ? "True" : "False")."</p>"; ?>
      </div>
      <?php
    }
  }
}
?>