第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

獲取具有特定類的 <tr> 的 nth-last-child()

獲取具有特定類的 <tr> 的 nth-last-child()

UYOU 2022-10-08 17:10:34
我想選擇第三個<tr>具有該類的最后一個類record,然后向其添加另一個類。例如,我有一個如下表:$('tr.record:nth-last-child(3)').addClass('load-next-set');$('.record:nth-last-child(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>我嘗試過的選項(xiàng)似乎不起作用。還有另一種方法嗎?
查看完整描述

2 回答

?
婷婷同學(xué)_

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>



查看完整回答
反對 回復(fù) 2022-10-08
?
小怪獸愛吃肉

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");

}


查看完整回答
反對 回復(fù) 2022-10-08
  • 2 回答
  • 0 關(guān)注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號