按类注册所有元素的点击事件

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事件绑定到与选择器“#content .item”匹配的所有元素

Answer 2

如果您动态生成DOM，则可以使用委托

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

Answer 3

你可以在没有任何选择器的情况下对所有元素使用它。

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

或 在你的html案例中，它将是

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