Javascript 如何从ul列表访问子节点？

我有一个关于jQueryDOM的问题

假设我有这个jsp代码

<c:forEach var="result" items="${resultList }" varStatus="status">

    <ul class="shList" id="shList">
        <li class="fl">
            <ul class="top">
                <li>${ result.appSn}</li>
                <li>${result.mkType }</li>
                <li>${result.clasType }</li>
                <li>${result.appUseGrade }</li>
            </ul>
            <div class="bottom">
                <p class="fl">- ${result.appNm}</p>
                <span class="fr">${result.inputDt}</span>
            </div>

            <div class="sliding">
                paragraph


            </div>
        </li>
        <li class="fr"><img src="${result.appLeaderImg}" alt="" width="60" height="60" /></li>
    </ul>

</c:forEach>

我不知道如何访问段落幻灯片。

使用

$（this）.find（）

在单击的

li

中搜索选择器

$(document).ready(function(){
    $("#shList li").click(function(){
        console.log("chList Clicked");
        console.log($(this).children().eq(1));
        console.log($(this).children().eq(2));
        console.log($(this).next());
        console.log($(this).next().next());
        $(this).find(".sliding p").toggle();
    });
});

---

您可能还应该使原始选择器更加具体：

$（“#shlist li.fl”）

。否则，它将用于

.fr

元素和

ul.top

$（this）。查找（“.slideing”）
可能值得注意的是，循环和不考虑元素将具有重复的ID，从而创建无效标记。
$(document).ready(function(){
    $("#shList li").click(function(){
        console.log("chList Clicked");
        console.log($(this).children().eq(1));
        console.log($(this).children().eq(2));
        console.log($(this).next());
        console.log($(this).next().next());
        $(this).find(".sliding p").toggle();
    });
});