javascript - 将类添加到具有特定父级 div 的元素(不应用具有相同父级名称的所有 div)

Question

我一直在努力处理这段代码:

<div class="parent">
  <tr>
    <td class="box">
    <td class="box">
  </tr>
</div>

<div class="parent">
  <tr>
    <td class="box">
    <td class="box">
  </tr>
</div>

所以我想要的是，当我单击第一个父级、第一个框时，它会为该框提供一个类。但是，当您单击第二个父级(第二个框)时，它会为该框提供一个类，并保持第一个父级的第一个框启用。

我有一段 javascript，但当我单击第二个父级时，它也会禁用对第一个父级的单击。

     $(".box").click(function(e){
         e.preventDefault();
        $('.box').removeClass('boxActive');
        $(this).addClass("boxActive");
});

希望有人能帮助我!

感谢并感谢!!

Answer 1

你的 HTML 太困惑了。首先，你不能使用tr td标签在任何你想要的地方。它应该包含在 <table> 内标签。

其次，您没有关闭<td>标签。

我删除了tr并替换所有 td与 div 一起使用即可。

<div class="parent">
    <div class="box">11</div>
    <div class="box">12</div>
</div>

<div class="parent">
    <div class="box">21</div>
    <div class="box">22</div>
</div>