由

Question

類

所有元素註冊單擊事件，我想報名參加，我發現這個請求的所有元素的單擊事件：

我試圖做到這一點，但是當我在元素上點擊，它不工作：

$("#content .item").each(function() { 
    $(this).click(function(){ 
     console.log("OK") ; 
    }); 
}); 

下面是HTML：

<div id="content"> 
    <div id="line1"> 
     <div class="item"> 
      <h2 id="item_text"><span>Affaire Bamberski : la condamnation de Krombach définitive</span></h2> 
      <div class="img-div"><img id="item_img" src="http://s1.lemde.fr/image/2011/10/18/0x0/1590061_3_4d47_dieter-krombach-dans-le-box-des-accuses-le-4_73e07cc058e39baa132897442332b390.jpg" alt="" height="333px" width="500px"></div> 
     </div> 
     <div class="item"> 
      <h2 id="item_text"><span>La subtile composition d'un « gouvernement de synthèse »</span></h2> 
      <div class="img-div"><img id="item_img" src="http://s1.lemde.fr/image/2014/04/02/0x0/4394347_3_8c02_huit-ministres-du-nouveau-gouvernement-de_a505804b18562cdaf49b8bd649a1cfa7.png" alt="" height="333px" width="500px"></div> 
     </div> 
     <div class="item"> 
      <h2 id="item_text"><span>Quand Manuel Valls prônait la sortie du nucléaire</span></h2> 
      <div class="img-div"><img id="item_img" src="http://s1.lemde.fr/image/2013/12/19/0x0/4337743_3_2bdf_manuel-valls-le-17-decembre-a-reims_463507e24cd1ffd9e7dba6ffb1cff4b7.jpg" alt="" height="333px" width="500px"></div> 
     </div> 
    </div> 
</div> 

Answer 1

你可以簡單地做

$(function() { 
    $("#content .item").click(function(){ 
     console.log("OK") ; 
    }); 
}); 

將click事件所有元素選擇「＃內容.item」

Answer 2

，你可以用這個沒有任何選擇的所有元素匹配綁定。

$('body').children().each(function(){ 
$(this).on('click',function(){ 
    alert('dsfds'); 
    }); 
    }); 

或 在HTML情況下，這將是

$('#line1').children().each(function(){ 
$(this).on('click',function(){ 
    alert('dsfds'); 
    }); 
    }); 

Answer 3

如果您生成DOM動態，你可以使用委託

$(document).on('click', '#content .item', function(e){ 
    // "this" inside this function will point to clicked DOM element 
    console.log($(this).html()); 
});