jQuery: L'esecuzione di codice per ogni elemento che corrisponde a un selettore di

Question

$("p") riferimenti tutti i paragrafi sulla pagina Web corrente. È possibile eseguire codice per ogni elemento che corrisponde al selettore?

Ecco un esempio semplicistico in pseudo-codice:

// 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') 

se avete bisogno di maggiore flessibilità:

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

Answer 2

È possibile utilizzare .each() per iterare attraverso gli elementi corrispondenti, in questo modo:

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

Se si vuole impostare o fare qualcosa (ad esempio, non ottenere un valore da ciascun come sopra), non c'è alcuna necessità di .each(), basta eseguirlo e sarà eseguito per ogni elemento sul set ... questo è il comportamento di default jQuery, ad esempio:

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

Answer 3

Il metodo each suona come quello che si vuole

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