如何在jquery中单击当前li获得下一个ul元素

我的边栏中有一些

ul

和

li

元素。我需要

slideDown（）

在

上单击当前
li
项的下一个
ul
。我试过一些，但运气不好。谁能帮我一下吗？以下是我的尝试：

我的HTML代码：

<li class="parent-li">Reports
    <i class="fa fa-cloud" style="font-size:10px;color:red;"></i>
    <ul>
        <li>Report1</li>
        <li>Report2</li>
        <li>Report3</li>
    </ul>
</li>

尝试使用
.find（）
，如下所示：

$('parent-li').on('click', function(){
    $(this).find('ul').slideDown();
});

尝试使用
.find（）
，如下所示：

$('parent-li').on('click', function(){
    $(this).find('ul').slideDown();
});

您试图向下滑动的UL实际上嵌套在LI中，因此您的代码将无法在LI中找到UL。您还需要在CSS选择器中添加一个点，以查找具有“parent LI”类的LI

请尝试以下方法：

$('.parent-li').on("click", function(){
     // the .first() is optional but it'll find the first UL inside the LI
     $(this).find('ul').first().slideDown(); 
});

您试图向下滑动的UL实际上嵌套在LI中，因此您的代码将无法在LI中找到UL。您还需要在CSS选择器中添加一个点，以查找具有“parent LI”类的LI

请尝试以下方法：

$('.parent-li').on("click", function(){
     // the .first() is optional but it'll find the first UL inside the LI
     $(this).find('ul').first().slideDown(); 
});

由于。（）查找元素的同级，而目标ul元素是子元素，因此应使用。（）或。（）选择ul元素

请更正li元素的选择器，因为类选择器以点开头。这里有一个例子


$（'.parent li'）。在（“单击”，函数（）上）{
$（this.children（'ul'）.slideDown（）；
});
.hide
{
显示：无；
}

报告

报告1
报告2
报告3

由于。（）查找元素的同级元素，而目标ul元素是子元素，因此应使用。（）或。（）选择ul元素

请更正li元素的选择器，因为类选择器以点开头。这里有一个例子


$（'.parent li'）。在（“单击”，函数（）上）{
$（this.children（'ul'）.slideDown（）；
});
.hide
{
显示：无；
}

报告

报告1
报告2
报告3

添加点-$（'.parent li'）。。和$（this.find（'ul'）@AlexandrMalyita是的，这是一个解决方案，但我还必须使用find和其他答案中建议的方法。感谢manAdd dot-$（'.parent li'）。。和$（this.find（'ul'）@AlexandrMalyita是的，这是一个解决方案，但我还必须使用find和其他答案中建议的方法。谢谢你，伙计