已解決430363個問題，去搜搜看，總會有你想問的

如何在 Javascript 中刪除父節點中重復的 childNode 元素？

首頁猿問如何在 Javascript...

如何在 Javascript 中刪除父節點中重復的 childNode 元素？

JavaScript

郎朗坤 2023-05-25 17:25:42

如何從父元素中刪除任何重復的子節點，以便父元素中具有相同 innerText 的元素不超過 1 個？下面的 HTML 示例說明之前和之后的內容。HTML<div id="parent"> <div class="child">hello</div> <div class="child">hello</div> <div class="child">world</div> <div class="child">world</div></div>目標<div id="parent"> <div class="child">hello</div> <div class="child">world</div></div>

查看完整描述

2 回答

夢里花落0921

TA貢獻1772條經驗獲得超6個贊

嘗試這個。

var children = document.querySelectorAll(".child")

var tmpTexts = []

for (const c of children) {

if (tmpTexts.includes(c.innerText)) continue

tmpTexts.push(c.innerText)

c.parentNode.removeChild(c)

}

<div class="child">hello</div>

<div class="child">world</div>

</div>

反對回復 2023-05-25

寶慕林4294392

TA貢獻2021條經驗獲得超8個贊

這是另一種方法：

const children = document.querySelectorAll('.child');

function filterChildren(text, i, textArray) {

if ( textArray.indexOf(text) <= textArray.lastIndexOf(text) && textArray.indexOf(text) !== i ) {

children[i].parentNode.removeChild( children[i] )

}

Array

.from(children)

.map( child => child.innerHTML )

.forEach(filterChildren);

<div class="child">hello</div>

<div class="child">world</div>

</div>

反對回復 2023-05-25

2 回答
0 關注
175 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在 Javascript 中刪除父節點中重復的 childNode 元素？

如何在 Javascript 中刪除父節點中重復的 childNode 元素？

2 回答

添加回答

如何在 Javascript 中刪除父節點中重復的 childNode 元素？

如何在 Javascript 中刪除父節點中重復的 childNode 元素？