使用类树删除特定的HTML元素
使用类树删除特定的HTML元素
提问于 2019-03-26 07:45:35
如何使用vanilla JS查找和删除父类为Y的特定类为X的元素？
举例说明。给定的
<div class="likes noise1">
<div class="count noise2">
42
</div>
</div>
<div class="retweets noise3">
<div class="count noise4">
7
</div>
</div>
<div class="messages noise5">
<div class="count noise6">
2
</div>
</div>我想删除前两个".count“元素( ".likes”和“.retweets”的子元素)。但是，消息div应该保持不变。
我曾尝试使用返回冻结的NodeList的querySelectorAll并迭代它，但没有成功。
回答 1
Stack Overflow用户
发布于 2019-03-26 08:04:59
另一种替代方法是保留一个css选择器数组，用来查找您的目标。从那时起，只需简单地使用querySelector，这样结果仍然是活动的，尽管是在循环中。
"use strict";
function byId(id){return document.getElementById(id)}
window.addEventListener('load', onWindowLoaded, false);
function onWindowLoaded(evt)
{
var tgtSelectors = [ '.likes > .count', '.retweets > .count' ];
tgtSelectors.forEach(removeBySelector);
}
function removeBySelector(curSelector)
{
var tgt = document.querySelector(curSelector);
while (tgt != undefined)
{
tgt.remove();
tgt = document.querySelector(curSelector);
}
}<div class="likes">
<div class="count">42</div>
</div>
<div class="retweets">
<div class="count">7</div>
</div>
<div class="messages">
<div class="count">2</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55347961
复制相关文章
相似问题