javascript - 親IDを使用して子にアクセスするにはどうすればよいですか

Question

私はこのhtmlの構造を持っています。2つの異なるセットのリストを表示します。クリックイベントを別の方法で処理する必要があります。

<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>

dividを使用してノードにアクセスする必要があります

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

これは、子のクリックにアクセスするための正しい方法ですか？

Answer 1

ID セレクターのハッシュを忘れました#(ただし、編集でこれを修正しました)。

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

on()ヒント:イベント委任の代わりに使用することで、イベントをより効果的にすることができます:

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