javascript，无法检索兄弟节点

Question

我已经这样做有一段时间了，但我似乎无法破解它。除了通过函数传递的那个之外，我还有一些 javascript 试图隐藏同级 div。这是 html：

<div id = "chat_content">
    <div id = "chat_content_1">This is div one</div>
    <div id = "chat_content_2">This is div two</div>
    <div id = "chat_content_3">This is div three</div>
</div>

这是 javascript：

    function showGroup(id)
    {
        // show the the div that was clicked 
        var e = document.getElementById(id);
        e.style.display = 'block';

        // hide the others divs under the same parent
        var children = e.parentNode.childNodes;
        for (var i = 0; i < children.length; i++)
        {
            if (children[i] != e)
            {
                children[i].style.display = 'none';
            }
        };
    }

谢谢！节日快乐:)

Answer 1

考虑使用 jQuery。让生活更轻松。
请查看此处

$("div#chat_content").siblings().css("display", "none");

Answer 2

您不使用 previousSibling 或 nextSibling 是否有任何原因？你的代码理论上应该可以工作，但由于它显然不能工作（你检查过你的错误控制台吗？），请尝试以下使用迭代器思想而不是数组循环工作的方法：

// hide the others divs under the same parent
var child = e.parentnode.firstChild;

do
  {
    if (child != e)
      {
        child.style.display = 'none';
      }
    child = child.nextSibling;
  }
while (child.nextSibling != null);

我同意使用 jQuery 之类的东西的建议顺便一提。它确实让事情变得更容易。