添加类元素具有一定的父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"); 
}); 

希望有人能帮助我！

Apreciate它，谢谢！

Answer 1

您的HTML太混乱了。 首先，你不能使用trtd标签，无论你想要的。它应该被包含在<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>