添加類元素具有一定的父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>