jquery - 如何隐藏相同的 div，同时只显示一个？

Question

我选择了带有条件的子选择，它将选定的子选择显示为 div。但是，每个 div 都有相同的类名，我无法更改。每个相同的 div 内的 div 可以有一个唯一的 id。如何在隐藏所有其他 div 的同时显示所选内容？此描述可能没有意义 - 请参阅此处的 jsFiddle。

<div class="container">
<div id="two" class="phone">Content one</div>
</div>

<div class="container">
<div id="one" class="phone">Content two</div>
</div>

我可以隐藏未选择的 div 的内容，但不能隐藏类名为 .container 的外部 div。我要显示的 div 也有类名 .container。

如何解决这个问题？

Answer 1

基本 DOM：DOM 树中的每个元素都有一个父节点。如果您想（比如说）隐藏one节点的父节点，那么您只需执行

$('#one').parent().hide();

这适用于div.container包含one节点的。如果您有多层父节点，则需要遍历，例如

<div class="container">
   <div>
      <div>
         <div id="one">...</div>
 etc...

然后$('#one').parent('.container')将搜索所有父节点以找到匹配的节点，并完成相同的事情。