This is nothing useful, but let me show the beauty of jQuery. This snippet just adds more and more nodes on a simple UL based tree.
Here’s the HTML:
<ul> <li><a href="#">Node 1</a></li> <li><a href="#">Node 2</a></li> <li><a href="#">Node 3</a></li> <li><a href="#">Node 4</a></li> </ul> |
And that’s the jQuery:
var index = 5; $('li > a').live('click', function() { $(this).parent().append('<ul><li><a href="#">Node ' + index + '</a></li></ul>'); index++; return false; }); |
And here’s the demo.