Direct Bound Example

A demo of direct bound elements

by Bhavik Bamania

HTML

<div id="container">
    <ul id="list">
        <li><a href="http://domain1.com">Item #1</a></li>
        <li><a href="/local/path/1">Item #2</a></li>
        <li><a href="/local/path/2">Item #3</a></li>
        <li><a href="http://domain4.com">Item #4</a></li>
    </ul>
</div>

JavaScript

// Attach a directly bound event handler
$( "#list a" ).on( "click", function( event ) {
    event.preventDefault();
    console.log( $( this ).text() );
});
$(document).ready(function(){
$( "#list" ).append( "<li><a href='http://newdomain.com'>Item #5</a></li>" );
});