javascript - 如何仅在精确的 div 内获得实时点击功能

Question

假设我们有类 .row 的 div 。

目前我的实时点击功能如下所示:

$(".row").live('click',function(event) {

我想要做的是仅将此函数应用于那些位于类 data 的精确 div 内的 div。 。我的意思是

<div class="row">!don't apply!</div>
<div class="data">
   <div class="row">apply1!</div>
   <div class="row">apply2!</div>
</div>

我怎样才能做到这一点？

Answer 1

使用 jQuery 的 .on()

$('.data').on('click', '.row', function(){
  // function stuff
});

如果.data也是异步加载的，你可以“更进一步”

$('body').on('click', '.data .row', function(){
  // function stuff
});

只需将 'body' 替换为换行选择器...