無効に

Question

私は、次のコードを持って：ときに私が「こんにちは」と言って、私は成功し、アラートを取得し、このコードで

div1 = $('#div1'); 
 
    div1.on('click', function(){ 
 
    alert('Hi!'); 
 
    });

<div id="div1"> 
 
    <p>Some random text</p> 
 
    <div id="div2"> 
 
     <form> 
 
     <input type="text"> 
 
     <input type="submit"> 
 
     </form> 
 
    </div> 
 
    </div> 
 

 

 

を#div1要素をクリックしますが、on('click')イベントの#div2要素とその内部のすべてのコンテンツ（フォームや入力など）を除外するにはどうすればよいですか？

Answer 1

あなたはより具体的にしようとすると、次のように子供セレクタを使用することができます。

<script type="text/javascript"> 
    $(function(){ 
     div1 = $('#div1>p'); 
     div1.on('click', function(){ 
     alert('Hi!'); 
     }); 
    }); 
</script> 

これはあなたのフォーム要素または第二のdiv要素で何かを除外します。