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

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

如何為多個實例優(yōu)化 querySelectorAll

如何為多個實例優(yōu)化 querySelectorAll

九州編程 2023-04-27 16:40:21
我有以下有效的 ecmascript，但如果可能的話，我寧愿將其減少到一行，或者只是下一個最好的東西，而不是多次編寫 querySelectorAll。我該如何利用這一點？    document.querySelectorAll('main .testimonials ul.shadow-box')[2].classList.remove('shadow-box');    document.querySelectorAll('main .testimonials ul.shadow-box')[1].classList.remove('shadow-box');    document.querySelectorAll('main .testimonials ul.shadow-box')[0].classList.remove('shadow-box');
查看完整描述

2 回答

?
猛跑小豬

TA貢獻1858條經(jīng)驗 獲得超8個贊

您可以使用forEach()只執(zhí)行一次查詢，然后遍歷結(jié)果。


document.querySelectorAll('main .testimonials ul.shadow-box').forEach(function(el) {

  el.classList.remove('shadow-box');

});

ul {

  background: red;

  min-height: 20px;

}


.shadow-box {

  background: blue;

}

<main>

  <div class="testimonials">

    <ul class="shadow-box"></ul>

    <ul class="shadow-box"></ul>

    <ul class="shadow-box"></ul>

    <ul class="shadow-box"></ul>

  </div>

</main>


查看完整回答
反對 回復(fù) 2023-04-27
?
慕碼人8056858

TA貢獻1803條經(jīng)驗 獲得超6個贊

您可以創(chuàng)建一個數(shù)組，然后slice創(chuàng)建它，然后循環(huán)遍歷它。


[...document.querySelectorAll('main .testimonials ul.shadow-box')]

   .slice(0, 3)

   .forEach(x => x.classList.remove('shadow-box'));


查看完整回答
反對 回復(fù) 2023-04-27
  • 2 回答
  • 0 關(guān)注
  • 167 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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