選擇器，切換如果任何列表項點擊

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> 

現在我想，如果有人點擊任何一個列表項中「topParent」分區然後調用一個函數。

我很困惑與選擇器，這就是爲什麼尋求幫助。

$("#Parent li").click？將這個去上班

Answer 1

試試這個：

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

。在你的html markup沒有li，如果添加li動態那就試試這個：

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

Answer 2

第一關.是班'和#是爲Id的。

所以我會做到這一點有點像馬諾·亞達夫

$('.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.. 
}); 

這樣我可以有依賴上點擊哪個元素不同的功能..