jQuery evento en vivo para los elementos DOM añadido

Question

Quiero añadir una clase a cualquier elemento DOM que se encuentra en la página ahora o en el futuro que tiene una determinada categoría y cumple con algunos criterios

así que para algunos pseudo código

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

por supuesto, esto no hace nada

editar nota

esto no funciona ya sea

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

Answer 1

La función live() de jQuery es solo un subconjunto del plugin livequery, que es mucho más rico. Si usa livequery puede hacer algo como ...

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

Eso cubrirá los elementos existentes más los elementos futuros añadidos al DOM.

Answer 2

No puede hacer esto.

Vas a tener que hacer:

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

aplicarlo a todos los elementos actualmente en la página, y luego añadir manualmente la clase 'oculta' a futuros elementos que se agregan a la DOM.

Answer 3

Probablemente el código .subtr(0,1) = "!" no haga lo que usted quiere.