Question

Let’s say we have divs with class .row.

Currently my live click function looks like that:

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

What I want to do is to apply this function only to those divs, which are located inside exact div with class data. I mean

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

How can I do that?

Answer 1

Use jQuery’s .on()

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

If the .data is loaded asynchronously too, you can go a “step further”

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

Just replace 'body' with your wrap selector…