Javascript 如何使用父id访问子级

我有这种html结构。显示两个不同集合的列表。我必须以不同的方式处理单击事件

<div id='nodelist1'>
<ul>
 <li class='nodeelem'>first node
    <ul>
      <li class='nodeelem'>second node
         <ul>
           <li class='nodeelem'>third node</li>
         </ul>
      </li>
     </ul>
   </li>
</ul>
</div>


<div id='nodelist2'>
<ul>
 <li class='nodeelem'>first node
    <ul>
      <li class='nodeelem'>second node
         <ul>
           <li class='nodeelem'>third node</li>
         </ul>
      </li>
     </ul>
   </li>
</ul>
</div>

这是访问子项单击的正确方法吗？

您忘记了ID选择器的哈希值

（尽管您在编辑中更正了这一点）：

提示：您可以使用

on（）

代替事件委派，使事件更有效：

$('#nodelist1').on('click', '.nodeelem', handler);
$('#nodelist2').on('click', '.nodeelem', handler2);

您忘记了ID选择器的哈希值

#

（尽管您在编辑中更正了此问题）：

提示：您可以使用

on（）

代替事件委派，使事件更有效：

$('#nodelist1').on('click', '.nodeelem', handler);
$('#nodelist2').on('click', '.nodeelem', handler2);

---

对这是正确的方法。你有问题吗？这对你有用吗？如果有，那就没问题，否则…是的，如果你想访问所有级别的所有子级，请不要编辑问题，除非是拼写错误，否则回答起来很困难。是的。。。这是正确的方法。你有问题吗？这对你有用吗？如果是，那就没关系，否则……是的，如果你想访问所有级别的所有子级，请不要编辑问题，除非是拼写错误，否则回答起来会很困难。

$('#nodelist1').on('click', '.nodeelem', handler);
$('#nodelist2').on('click', '.nodeelem', handler2);