javascript - 隐藏除所选之外的所有 LI

Question

我想在某个 UL 中隐藏所有其他 LI，除了我选择的 LI。

<ul>
  <li><div></div></li>
  <li><div></div></li>
</ul>
<ul>
  <li><div></div></li>     -- HIDE
  <li><div></div></li>     -- SELECT
  <li><div></div></li>     -- HIDE
</ul>
<ul>
  <li><div></div></li>
  <li><div></div></li>
</ul>

我怎样才能最好地解决这个问题？

我试过使用索引，但在让它工作和选择正确的 UL 方面遇到了一些问题。如您所见，我没有关于 UL 或 LI 的类(class)，所以我认为唯一的选择是 LI。

我真正要做的是在 LI 中选择一个 div，所以我通过以下方式获得所选 LI 的索引:

var li_index = $(this).parent().index();

Answer 1

您从被点击的 div 向上遍历 DOM，然后使用 .not($(this).parent()).toggle() 隐藏其他元素 -> Not the li 包围着这个 div

$('div').click(function () {
    $(this).closest('ul').find('li').not($(this).parent()).toggle();
});

.toggle() 可以替换为 .hide() 如果您不希望用户能够改变他们的决定。

JS fiddle :http://jsfiddle.net/tDmy3/2/