Pour ajouter une couleur différente en utilisant jquery et css

<div id="autoSuggestedPlaces"> 

     <div> 
      <div> 

      </div> 
     </div> 

     <div> 
      <div > 

      </div> 
     </div> 

     <div> 
      <div> 

      </div> 
     </div> 


</div>

mon code html est lookes comme ça que je veux ajouter, je veux ajouter encore div ont la couleur diffrent bacground et div impaires couleurs différentes, j'ai essayé cela, mais en utilisant div .even et div.odd mais ça ne marche pas.Pour ajouter une couleur différente en utilisant jquery et css

Source

2010-10-21 Soarabh

pourquoi vous avez même ids de la addAPlaceSearchResult? –

est votre exemple 4 divs avec bg couleur ou 3? En d'autres termes, est le div # 1 parent ou considérez-vous seulement les divs enfants? –

Essayez cette

$("div#autoSuggestedPlaces div div:even").css("background-color", "#bbbbff"); 
$("div#autoSuggestedPlaces div div:odd").css("background-color", "#ffffff");

Source

2010-10-21 06:17:42

+1, bien qu'il soit préférable d'ajouter simplement une classe paire/impaire, et que cela soit stylisé dans le CSS. IMO, qui impose la séparation de l'affichage de la fonctionnalité * légèrement * mieux. –

Je seconde Bobby Jack. –

Essayez d'utiliser :even et :odd

div.even sélectionnera tous les éléments div avec le nom de classe even.

De plus, comme indiqué par @Haim, n'utilisez jamais le même identifiant pour plusieurs éléments.

.first 
{ 
    background-color: yourfirstcolor; 
} 


.second 
{ 
    background-color: yoursecondcolor; 
} 

$("#autoSuggestedPlaces div:even").addClass("first"); 
$("#autoSuggestedPlaces div:odd").addClass("second");

Source

2010-10-21 06:15:19 rahul

le code est comme:

$("div:odd").css("background-color", "#F4F4F8"); 
    $("div:even").css("background-color", "#EFF1F1");

et utilisant le même ID deux fois dans le même document n'est pas valide HTML. Corrigez votre HTML.

Source

2010-10-21 06:16:10

Pour ajouter une couleur différente en utilisant jquery et css

Répondre

Questions connexes