jquery - 当您具有多个相同的名称时，jQuery更改1 div的CSS类

问题是，

对于每个循环，我都有25个div的生成席位，如下所示：]

 @foreach (Seats s in r.Seats) {
      if (s.IsOccupied == true) {
          <div id="@s.SeatNumber @r.RowNumber" class="seat   taken"><img src="~/Images/arm-chair.png" width="25" height="25" /></div>
                    }
                    else
                    {
                        <div id="@s.SeatNumber @r.RowNumber" class="seat free"><img src="~/Images/arm-chair.png" width="25" height="25" class="clickF" /></div>
                    }

                }

然后，如果您单击更多，我想更改1 div或多个背景色，但是当我执行所有25个更改的背景时。

有解决这个问题的方法吗？

$(document).ready(function () {
    $(".seat").click(function () {
        $(".seat").toggleClass("highlight");
    });
});

最佳答案

在下面的代码中使用$（this）是$（“。seat”）中被单击的div的对象

$(document).ready(function () {
  $(".seat").click(function () {
    $(this).toggleClass("highlight");
  });
});

关于jquery - 当您具有多个相同的名称时，jQuery更改1 div的CSS类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29095743/