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

我想为我在此请求中找到的所有元素注册一个单击事件：

我尝试过这样做，但当我单击某个元素时，它不起作用：

$("#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>

班贝斯基：克朗巴赫定义条件
“合成政府”的细微成分
曼努埃尔·瓦尔斯·普罗奈特·努克莱尔出击数

您只需

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

---

它会将单击事件绑定到与选择器“#content.item”匹配的所有元素。

您可以在不使用任何选择器的情况下将其用于所有元素

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

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

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

---

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

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

---

尽管这不是做你想做的事情的通常方式，但是你发布的内容应该是有效的。你能发布你的HTML和fiddle吗？代码中仍然没有ID为内容的元素。您的jQuery是否存在于文档就绪调用中，或者在页面的末尾？是的，他可以简单地这样做，但它仍然不起作用，因为他的原始代码不起作用，但应该起作用。这是一个DOM就绪问题或事件委派。DOM中的#content元素在哪里？就在line1元素之外