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

Question

我有这个 html 结构:

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

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

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

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

Answer 1

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

jsfiddle