從兄弟字符串給出最接近的元素類字符串

Question

我有幾個tr元素被類別標題分開 - 我想從a元素字符串添加類到下面的tr類，並重復這個槽。保持元素的數量可能會有所不同。

我該如何做到最好？

<tr> 
<td class="unfoldedlabel" colspan="6」> 
    <a href="">Drives</a 
</td> 
</tr> 

<tr class="keep」> - should add class .drives 
</tr> 

<tr class="keep」> - should add class .drives 
</tr> 

<tr> 
<td class="unfoldedlabel" colspan="6」> 
    <a href=「">Memory</a 
</td> 
</tr> 

<tr class="keep」> - should add class .memory 
</tr> 

<tr class="keep」> - should add class .memory 
</tr> 

Answer 1

試試這個：。

var title = ""; 
$("table tr").each(function(index) { 
    if($(this).find("a").length == 1) { 
     title = $(this).find("td").find("a").text(); 
    } else { 
     $(this).addClass(title.toLowerCase()); 
    } 
}); 

Answer 2

嘗試使用nextUntil

$(".unfoldedlabel a").click(function(){ 
    $(this).closest("tr").nextUntil('tr:has(.unfoldedlabel)').addClass($(this).html().toLowerCase()); 
})