2010-01-18 8 views
0

Je le code suivant:Changer la couleur DIV sans donner d'ID?

<div id="wrapper"> 
    <div style="width:500px;background-color:yellow;"> // this is a parent div 
    <div style="width:260px;"> 
     <a href="javascript:XXXXX">Click me to color only the FIRST yellow div</a> 
    </div> 
    </div> 

    <div style="width:500px;background-color:yellow;"> // this is a parent div 
    <div style="width:260px;"> 
     <a href="javascript:XXXXX">Click me to color only the SECOND yellow div</a> 
    </div> 
    </div> 
</div> 

Puis-je utiliser jQuery pour changer la couleur de la div parent sans donner son ID ou le nom?

Merci

+1

Sur une note séparée, vous pouvez créer une classe CSS pour remplacer les styles redondants (ie: 'largeur: 500px; background-color : jaune; ') –

Répondre

7
$("a").click(function(e){ 
    e.preventDefault(); 
    $(this).parent().parent().css("color", "green"); 
}); 
+0

Merci cela fonctionne, mais est-il possible d'ajouter une classe à la div? si ce n'est pas possible, comment puis-je ajouter ce CSS: filtre: alpha (opacité = 40)? Merci – Ryan

+0

@unknown: remplace '.css (" couleur "," vert ")' par '.addClass (" foo ")' pour ajouter la classe 'foo'. Vous pouvez le faire aussi en remplaçant '.css (...)' par '.fadeTo (" lent ",. 4)'. – Sampson

+0

Merci beaucoup jonathan – Ryan

4

Essayez ceci:

$('a').click(function() { 
    $(this).parent().parent().css('backgroundColor', 'yellow'); 
    return false; 
}); 
+0

Merci trop nick :) – Ryan

Questions connexes