2 回答

TA貢獻(xiàn)1844條經(jīng)驗(yàn) 獲得超8個贊
您可以通過使用類選擇器和 eq 函數(shù)的組合來實(shí)現(xiàn)此目的。
$('tr.record').eq(-3).addClass('load-next-set')
.load-next-set {
background-color: tomato;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
<th>Col 4</th>
</tr>
</thead>
<tbody id="tbody">
<tr class="record">
<td>info 1</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
<tr>
<td>info 2</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
<tr>
<td>info 3</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
<tr class="record">
<td>info 4</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
<tr class="record">
<td>info 5</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
<tr class="record">
<td>info 6</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
<tr>
<td>info 7</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
<tr class="record">
<td>info 8</td>
<td>info</td>
<td>info</td>
<td>info</td>
</tr>
</tbody>
</table>

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超1個贊
假設(shè)您只將類分配給record一個tr表的元素(如您的示例中):
在香草 javascript 中:
var n=3; // example
var trs = document.getElementsByClassName('record');
if(trs.length>=n){
var tr = trs[trs.length-n];
tr.classList.add("another_class");
}
添加回答
舉報