javascript - 仅在单击父列表项时切换

Question

我有一个简单的基于 ol li 的列表，当我点击父项或子项时它会切换。我希望它仅在单击父项时切换。

$("#expList > li").click(function () {
    $(this).find("ol").slideToggle();
});

https://jsfiddle.net/k2jqqbbk/3/

我试图用 $("#expList ol li") 定位它，但这不起作用。我尝试了其他几个选项，但都不起作用。

Answer 1

您可以使用 event.target 来检查其最接近的 li 是否包含 ol，并且仅在包含时切换:

$('#expList > li').click(function(evt) {

    if ($(evt.target).closest('li').has('ol').length) {     
        $(this).find("ol").slideToggle();
    }

});

Here's a fiddle