选择辅助前置元素

Question

<tr class="main"></tr>
<tr class="emails-details">
     <button>some button</button>
</tr>
<tr class="main"></tr>
<tr class="emails-details">
     <button>some button</button>
</tr>
<tr class="main"></tr>
<tr class="emails-details">
     <button>some button</button>
</tr>

我想在点击一个按钮后选择之前的tr.main，但是无法弄清楚如何使用.prev（），。prevAll（）或.prevUntil（）

来到正确的上一个elemetn

$(function() {
     $('.dropdown-image').click(function() {
            $(this).parent().parent().parent().prev($("tr:nth-of-type(1)")).children().css('border-bottom-color', '#a3d0dd');
            $(this).parent().parent().parent().prevUntil('.main').children().css('border-bottom-color', '#a3d0dd');
     });
});

我将第一行排序，因为它之后没有一行tr.emails-detials但是我需要更改上面一行的border-bottom-color，如下所示，所选的蓝色边框缺失行。

Answer 1

我用

解决了我的问题

$(this).parent().parent().parent().prev('tr').prev('.main').children().css('border-bottom-color', '#a3d0dd');

我知道有人会对.parent（）。parent（）和.prev（）。prev（）等发表评论，但现在问题已经解决了。