jquery live event for added dom elements

jquery events live
mcgrailm picture mcgrailm · Oct 1, 2010 · Viewed 10.8k times · Source

I want to add a class to any DOM element that is on the page now or in the future that has a specified class and meets some criteria

so for some pseudo code

$('.location').live('load',function(){
    if($(this).find('input:first').val().substr(0,1) == "!"){ $(this).addClass('hidden')}
});

of course this does nothing

EDIT NOTE

this does not work either

$('.location').live('load',function(){
    alert('adding location');
});

Answer

Gregg picture Gregg · Oct 1, 2010

jQuery's live() feature is just subset of the livequery plugin, which is much richer. If you use livequery you could do something like..

$('.location').livequery(function() {
   // perform selector on $(this) to apply class   
});

That will cover existing elements plus any future elements added to the DOM.

Related questions

How to do an action when an element is added to a page using Jquery?

When I add something of the class "myClass" I want to call a function on this element. It would be something in the lines of: jQuery(".error_message").live("load",function(){ alert("test"+this); }); ... except this doesn't exist. What's the …

Read More
Event binding on dynamically created elements?

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off. This happens …

Read More
jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More