Question

我创建了一个菜单，

 <div class="topParent">
            <div id="child-1" class="child action-1"></div>
            <div id="child-2" class="menu">
                <ul id="list-1"></ul>
            </div>

            <div id="child-3" class="child action-2"></div>
            <div id="child-4" class="menu">
                <ul id="list-2"></ul>
            </div>
            <div id="child-5" class="child action-3"></div>
        </div>

现在我希望如果有人点击＆＃34; topParent＆＃34;中的任何列表项然后调用一个函数。

我对选择器感到困惑，这就是寻求帮助的原因。

$("#Parent li").click？这会发挥作用

Answer 1

试试这个：

$(".topParent li").click(function() {
});

li中没有html markup，如果您动态添加li，请尝试以下操作：

$(".topParent").on('click', 'li', function() {
});

Answer 2

首先关闭.是针对课程＆＃39; #适用于Id。

所以我会像 Manoj Yadav

那样做

$('.topParent').on('click', '.menu li', function(){
   // function for when li items is clicked
}).on('click', '.child', function(){
   // For when the div's with class child is clicked if you want something special to happen here..
});

这样我可以根据点击的元素设置单独的函数。

选择器，如果单击任何列表项，则切换

2 个答案: