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

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

如何通過js查找具有相同類的所有子元素

如何通過js查找具有相同類的所有子元素

郎朗坤 2023-11-02 21:14:02
我想找到具有特定類別的所有元素。我的 HTML 代碼:<div class="pb-30 faq" id="faq-1"> <div class="flex flex-row">  <div class="w-20">    <div class="hw-24 lol close" id="test">     </div>   </div> </div><div class="close-dialog lol" id="test-2"> <div class="flex flex-col">    </div>   </div> </div>我想找到帶有 class 的元素lol。我可以找到第一個孩子,但找不到另一個。這是我的簡單js代碼:document.querySelectorAll(".faq").forEach(x => x.addEventListener("click", function(){     faqToggle(this.id)}))function faqToggle(id) {    const clickedFaq = document.querySelectorAll(`div#${id} > div.lol`)    console.log(clickedFaq)}謝謝你的幫助
查看完整描述

2 回答

?
慕桂英546537

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

CSS 中的大于號 ( >) 選擇器用于選擇具有特定父級的元素。它被稱為元素>元素選擇器。它也稱為子組合選擇器,這意味著它僅選擇父元素的直接子元素。它看起來只是標記結構的下一層,而不是更深入的部分。不選擇不是指定父級的直接子級的元素。


相反,您應該使用 awhite space來匹配元素的所有后代


const clickedFaq = document.querySelectorAll(`div#faq-1 div.lol`);

console.log(clickedFaq)

<div class="pb-30 faq" id="faq-1">

  <div class="flex flex-row">

    <div class="w-20">

      <div class="hw-24 lol close" id="test">

      </div>

    </div>

  </div>

  <div class="close-dialog lol" id="test-2">

    <div class="flex flex-col">

    </div>

  </div>

</div>


查看完整回答
反對 回復 2023-11-02
?
吃雞游戲

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

您想要使用后代組合器而不是子組合器。

這意味著在選擇器中替換>為空格 。

console.log(document.querySelectorAll(".faq .lol"));

?<div class="pb-30 faq" id="faq-1">

? ?<div class="flex flex-row">

? ? ?<div class="w-20">

? ? ? ?<div class="hw-24 lol close" id="test">

? ? ? ? ?test

? ? ? ?</div>

? ? ?</div>

? ?</div>

? ?<div class="close-dialog lol" id="test-2">

? ? ?test

? ? ?<div class="flex flex-col">

? ? ?</div>

? ?</div>

</div>


查看完整回答
反對 回復 2023-11-02
  • 2 回答
  • 0 關注
  • 175 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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