javascript - 我如何使用家长 ID 访问 child

Question

我有这样的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>

我必须使用 div id 访问节点

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

这是访问 child 点击的正确方法吗？？？

Answer 1

您忘记了 ID 选择器的哈希值 #(尽管您在编辑中更正了这一点):

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

提示:您可以使用 on() 代替事件委托(delegate)来使事件更有效:

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