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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

通過同級(jí)文本獲取特定同級(jí)元素之后的元素

通過同級(jí)文本獲取特定同級(jí)元素之后的元素

慕后森 2024-01-18 20:39:30
我有以下 html 代碼：<div class="account-type">   <h3>Assets</h3>   <ul> ...lots of data in here... </ul><div class="account-type">   <h3>Liabilities</h3>   <ul> .... lots of elements in here... </ul>如何將 div 標(biāo)簽與“account-type”類隔離，該“account-type”類是帶有文本“Liability”的 h3 標(biāo)簽的直接父級(jí)？我需要隔離它，然后循環(huán)遍歷它的 ul 標(biāo)簽中的所有元素。
查看完整描述

1 回答

?
明月笑刀無情

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊

假設(shè)<ul>應(yīng)該在 之后<h3>，您可以使用以下組合：

  1. ：包含

  2. ：下一個(gè)

  3. 孩子們

function getItemByTitle( title ){

? return $(`h3:contains("${title}")`).next('ul').children()

}


var listItems = getItemByTitle("Liabilities")


console.log(listItems.length)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="account-type">

? ?<h3>Assets</h3>

? ?<ul></ul>

</div>

<div class="account-type">

? ?<h3>Liabilities</h3>

? ?<ul>

? ? <li>1</li>

? ? <li>2</li>

? ?</ul>

</div>


查看完整回答
反對(duì) 回復(fù) 2024-01-18
?
人到中年有點(diǎn)甜

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊

DOM 中沒有文本匹配，因此需要選擇所有元素，查看文本是否匹配。如果它確實(shí)選擇了父級(jí)。


const h3 = Array.from(document.querySelectorAll(".account-type > h3")).find(elem => elem.textContent.trim() === 'Liabilities');

console.log(h3)

const div = h3.closest(".account-type");

console.log(div);

const lis = div.querySelectorAll("ul li");

console.log(lis.length);


// or

console.log(h3.nextElementSibling.children)

<div class="account-type">

  <h3>Assets</h3>

  <ul></ul>

</div>

<div class="account-type">

  <h3>Liabilities</h3>

  <ul>

    <li>a</li>

    <li>b</li>

  </ul>

</div>


查看完整回答
反對(duì) 回復(fù) 2024-01-18
  • 1 回答
  • 0 關(guān)注
  • 259 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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