如何使用jQuery中有很多类的点击功能？

Question

<div class="card-block">something</div> 
<div class="card-block">something</div> 
<div class="card-block">something</div> 
<div class="card-block">something</div> 
<div class="card-block">something</div> 

所以，我在我的代码中有这样的东西，我想知道如何添加一个点击函数来抓取被点击的特定div？

我想这会工作$('.card-block').on('click', function() { "do something" });

好了，我想我忘了提我的DOM正在动态地建立，并且它不断地被动态地在用户每次点击一个按钮，或调整窗口大小时建造的。

Answer 1

$('.card-block').on('click', function() { var div = $(this); }); 

您可以使用此关键字来获得点击div。在你的元素被动态地添加的情况下，然后使用此代码：

$('body').on('click', '.card-block', function() { var div = $(this); }); 

Answer 2

您的代码应该工作，如果它不它可能意味着你结合的Click事件当元素现在还没有。 尝试将事件委托给主体：

$('body').on('click', '.card-block', function(e) { 
    var your_div = $(this); 
}); 

Answer 3

使用此选项。它还将附加click事件dynamically loaded元素card-block。

$(document).on('click','.card-block', function() { 
    var x = $(this);//It will be the appropriate div 
});