jquery - 隐藏 child parent 而不是 child

Question

请帮我解决这个问题......

<li id="4331">Region
      <ul>
         <li id="4332">Asia</li>
         <li id="6621">Europe</li>
      </ul>
</li>

如果我点击区域，这是我的查询
它是 ul
的父级 单击(父)时仅显示亚洲和欧洲并隐藏区域

i am using the .hide() method

这是我到目前为止所做的:

$(document).ready(function() {
    $("li").live("click", function(event) {
        $("li").hide(); 
        event.cancelBubble = true;
        loadChild($(this).attr("id"), event);
        return false;
    })
});

我当前的输出是:

<li id="4331" style="display: none;">
Region
   <ul>
      <li id="4332">Asia</li>
      <li id="6621">Europe</li>
   </ul>
</li>

它隐藏了一切......

但我只想隐藏父区域
我希望能够单击它隐藏区域并仅显示亚洲和欧洲。
请帮我解决这个问题
谢谢。

Answer 1

$("li") 是页面中所有 li 元素的集合，而不仅仅是您点击的元素。

替换

$("li").hide();

与

$(this).parent().closest("li").hide();