click examples

by robertjd

HTML

<div id="outer">
</div>

CSS

#outer{
    background-color:yellow;
    text-align:center;
    
}

#inner{
    background-color:green;
    color:#fff;
    cursor:pointer;
}

JavaScript

$(document).ready(function(){
    var newthing = $("<span id='inner'>hi</span>")
    var outer = $("#outer")
    outer.append(newthing)
    newthing.click(function(){
        alert(this.id)
    })
    outer.click(function(){
        alert(this.id)
    })
})