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");
});

希望有人可以帮助我！

Apreciate it and thanks !!

Answer 1

您的HTML太混乱了。首先，您无法在任何地方使用tr td标记。它应该包含在<table>标记内。

其次，您没有关闭<td>代码。

我删除了tr并用div替换了所有td并且它有效。

<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>

使用某个父div将元素添加到元素（不应用具有相同父名称的所有div）

1 个答案: