Comment ajouter une classe à un contenu chargé avec jQuery

Question

Je charge un contenu et j'aimerais ajouter une classe à ce contenu.

Contenu principal

<div id="notice"> 

</div> 

contenu à charger.

<p>Se v&aring;r <br /> 
siste <span>KAMPANJE</span></p> 
<p>V&aring;re <span>TILBUD</span></p> 

Mon jQuery jusqu'ici.

$('#notice').load('notice.asp'); // this loads ok. 

// but this does not 
$("#notice p:even").addClass("bluenotice noticecommon"); 

$("#notice p:odd").addClass("greennotice noticecommon"); 

Puis-je ajouterClass() à un contenu chargé?

Merci d'avance.

Answer 1

Vous devez exécuter que dans le rappel .load(), puisque le contenu est ensuite chargé (lorsque le serveur répond avec des données), comme ceci:

$('#notice').load('notice.asp', function() { 
    $("#notice p:even").addClass("bluenotice noticecommon"); 
    $("#notice p:odd").addClass("greennotice noticecommon"); 
}); 

Ou un peu plus rapide dans les navigateurs plus anciens:

$('#notice').load('notice.asp', function() { 
    $(this).find("p:even").addClass("bluenotice noticecommon"); 
    $(this).find("p:odd").addClass("greennotice noticecommon"); 
});