jquery - 如何将 ul 隐藏在 li 中？

Question

请告诉我如何通过单击 li 链接隐藏每个 li 内的 ul 子元素。 我的意思是，如果有人点击 Alink，A1 和 A2 就会隐藏。

这是我的 HTML 代码:

[Code missing]

这是 jQuery 代码，但它不起作用:(

$(document).ready(function() {
  $("#ListGrayCircle li").click(function() {
    $(this).find('ul').hide();     
  });
});

Answer 1

如果没有 html，我会假设要隐藏的内部 [ul] 不在 [a] 标记内。如果用户单击 [li]，您的代码应该可以正常运行，但如果它是其中的 [a] 链接，则不会。尝试:

$(document).ready(function() {
    $("#ListGrayCircle li").click(function() {
        $(this).closest('li').find('ul').hide();
    });
});