How to apply live() like feature for JavaScript appended DOM elements

Question

How to apply live() like feature for JavaScript appended DOM elements?

Like a li list inside ul which is added through JavaScr

Answer 1

You have to bind an event to the document root, and check the event.target property. If it matches the given selector, then do something.

Example (assuming addEventListener)
Example: Match all elements with id test:

var root = document.documentElement;
root.addEventListener('click', function(event) {
    var target = event.target;          // <-- Clicked element
    while (target && target !== root) { // Tree traversing
        if (target.id == 'test') {      // <------ Matches selector
            // Do something.
            break; // Optional: Stop traversal, because a match has been found

        }
        target = target.parentNode; // Go up in the tree
    }
}, true);