如何根据特定的id隐藏特定的class元素?
例如,在这里的代码中,我想隐藏id为green
的<div class="base">
<div id="green">
<div class="base" onclick="prirad(1, 'green')"></div>
<div class="three_s" onclick="prirad(2, 'green')"></div>
<div class="three_v" onclick="prirad(3, 'green')"></div>
<div class="two_s" onclick="prirad(4, 'green')"></div>
<div class="two_v" onclick="prirad(5, 'green')"></div>
<div class="square" onclick="prirad(6, 'green')"></div>
</div>
<div id="blue">
<div class="base" onclick="prirad(1, 'blue')"></div>
<div class="three_s" onclick="prirad(2, 'blue')"></div>
<div class="three_v" onclick="prirad(3, 'blue')"></div>
<div class="two_s" onclick="prirad(4, 'blue')"></div>
<div class="two_v" onclick="prirad(5, 'blue')"></div>
<div class="square" onclick="prirad(6, 'blue')"></div>
</div>
发布于 2017-01-13 01:19:06
假设您正在使用jQuery,您将使用代码$("#green").hide();
来完成此操作。要获取“绿色”中的某个div,可以使用$("#green .base").hide();
将其隐藏起来。
发布于 2017-01-13 03:18:39
// Get all id green element
const allHideElement = document.querySelectorAll("div #green");
// Loop all the element
allHideElement.forEach(function(element){
// Add the class of "isHdie" of match element,but you can do anything you want :P
element.classList.add("isHide");
});
.isHide{
background: skyblue;
width: 10em;
height: 10em;
}
<div id="green">
<div class="base" onclick="prirad(1, 'green')"></div>
<div class="three_s" onclick="prirad(2, 'green')"></div>
<div class="three_v" onclick="prirad(3, 'green')"></div>
<div class="two_s" onclick="prirad(4, 'green')"></div>
<div class="two_v" onclick="prirad(5, 'green')"></div>
<div class="square" onclick="prirad(6, 'green')"></div>
</div>
<div id="blue">
<div class="base" onclick="prirad(1, 'blue')"></div>
<div class="three_s" onclick="prirad(2, 'blue')"></div>
<div class="three_v" onclick="prirad(3, 'blue')"></div>
<div class="two_s" onclick="prirad(4, 'blue')"></div>
<div class="two_v" onclick="prirad(5, 'blue')"></div>
<div class="square" onclick="prirad(6, 'blue')"></div>
<div id="green"></div>
</div>
https://stackoverflow.com/questions/41625900
复制