event attach on only one child in parent

by Budhram Gurung

HTML

<div id = "parent">
    <div id = "child1" class='child_div'>Child1</div>
    <div id = "child2">Child2</div>
</div>

CSS

#child1{
    background-color:#ff0000;
    width:100px;
    height:100px;
}

#child2{
    background-color:#00ff00;
    width:100px;
    height:100px;
}

JavaScript

$(document).ready(function(){
$('.child_div').click(function(e){
   alert($(e.target).prop('id') + ' clicked');
});
});