Javascript 嵌套列表中的jQuery目标数据元素

我有一个列表，其结构如下：

<ul  data-Id="2" class="listElement">
<li></li>
<li></li>
<li>
    <ul data-Id="3" class="listElement" style="display: none">
        <li></li>
        <li>
            <ul data-Id="4" class="listElement" style="display: none">
                <li></li>
            </ul>
        </li>
    </ul>
</li>

---

实际上什么都没有发生，我似乎找不到我在这里缺少的内容

您的代码是正确的，但请确保在运行javascript代码时已放置（准备好）dom元素。 或者您的javascript应该在文档的就绪事件上运行

$(document).ready(function(){
    var test = 3; //i need to declare it as a var, because i get this from another item 
    $('.listElement').find('[data-Id="' + test + '"]').slideToggle("slow");
});

您的代码正在工作：。如果对您不起作用，请检查控制台是否有错误

$(document).ready(function(){
    var test = 3; //i need to declare it as a var, because i get this from another item 
    $('.listElement').find('[data-Id="' + test + '"]').slideToggle("slow");
});