特定按钮单击

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');
});

Answer 2

交换$('#shortlisting')以$('#shortlisting a')应该为你工作。

Answer 3

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

Answer 4

Try:

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

Here is an example