javascript - 尝试更改在 php 上重复的特定 div 宽度失败

Question

<分区>

Answer 1

只需为您的 div 设置一个 ID(如果您只想修改整个网页中的一个元素)并从 JQuery(如您所标记的那样)。

如果你想修改你点击的所有div(但每次只会修改你点击的div)，可以引用class 关联到每个 div。

$( document ).ready(function() {
    $(".div").click(function() {
      $(this).css("width", "100%");
    });
});

html,body{
  width: 100%;
  height: 100%;
}

.div{
  height: 100px;
  width: 100px;
  background-color: red;
  margin: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id1" class="div"></div>
<div id="id2" class="div"></div>

编辑:如果您希望它们回到初始位置，只需在您的 Javascript 中执行一个 if 语句即可。

$( document ).ready(function() {
  $(".div").click(function() {
    if($(this).css("width") == "100px")
      $(this).css("width", "100%");
    else
      $(this).css("width", "100px");
  }); 
});

html,body{
  width: 100%;
  height: 100%;
}

.div{
  height: 100px;
  width: 100px;
  background-color: red;
  margin: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id1" class="div"></div>
<div id="id2" class="div"></div>