javascript - 如何通过类名获取兄弟元素,然后仅使用 Javascript 隐藏它?

标签 javascript html element

我有这个 html 结构:

  <div id="xyz"> </div>
  <div class="content"> </div>

我想隐藏类名为 content 的元素,给定兄弟元素 id 是 xyz ,在 jQuery 中我可以很容易地这样做:

$("#xyz").siblings('.content').css({"dispaly": "none"});

我怎样才能只使用纯 Javascript 实现同样的事情?

最佳答案

document.querySelector("#xyz + .content").style.display = "none";

jsfiddle

关于javascript - 如何通过类名获取兄弟元素,然后仅使用 Javascript 隐藏它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68204249/

相关文章:

JavaScript:使用 forEach 查看数组是否包含特定数字值

javascript - 如何返回正确的月份?

html - 如何让 bootstrap col-sm-* 在移动设备上工作?

JQuery选择字段结果组合,显示某个类或id?

javascript - jquery : not able to select table elements which are created dynamically by jquery

html - 使用 CSS 表格,但将基于像素的宽度分配给表格单元格

javascript - 在php页面中使用Leaflet map

java - 将 '&' 运算符从 Java 移植到 Javascript : Overflow issues

javascript - Java 10 下的 Eclipse Window Builder 错误

javascript - 我无法让 onclick 按钮显示任何内容