jQuery: Ejecución de código para cada elemento que coincide con un selector de

Question

$("p") referencias todos los párrafos en la página web actual. ¿Es posible ejecutar código para cada elemento que coincida con el selector?

Aquí está un ejemplo simplista en pseudo-código:

// Show the background color of every paragraph on the page 
foreach (object = $("p")) { 
    alert(object.css("background-color")); 
} 

Answer 1

$('p').css('background-color', 'black') 

Si necesita más flexibilidad:

$('p').each(function() { 
    $(this).css('background-color', 'red'); 
}); 

Answer 2

Puede utilizar .each() para iterar a través de los elementos coincidentes, como esto:

$("p").each(function() { 
    alert($(this).css("background-color")); 
}); 

Si desea conjunto o hacer algo (por ejemplo, no obtener un valor de cada uno como el anterior), no hay necesidad de .each(), simplemente ejecútelo y se ejecutará para cada elemento en el establece ... este es el comportamiento predeterminado de jQuery, por ejemplo:

$("p").show(); //shows all <p> elements 

Answer 3

El método each suena como lo que quiere

$('p').each(function() { 
    alert($(this).css('backgroundColor')); 
}