Question

I got a quick question:

I want every link in the div to alert a message, but only the anchors. I dont want the div to initiate the alert function.

Html:

<div id="abc">
  <a href='#'> Button 1 </a>
  <a href='#'> Button 2</a>
</div>

Javascript:

$(document).ready(function(){
            $('#abc').click(function(){
                alert('a');
            });
        });

How do I modify the above code?

Answer 1

Then you could just bind the event handler on the a tag inside the div.

$('#abc a').click(function() {
  alert('a');
});