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

您的代码应该可以使用，如果它＆＃39;这可能意味着当元素还没有结束时你对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
});

你如何使用jquery中有很多类的click函数？

3 个答案: