Iterare elementi jquery

[Fabio90]

Buongiorno forum,
Sto cercando di agganciare un testo in base al valore del background

HTML

<div class="p0 w100" style=" background-color:#852e35;">
<a class="cal_titlelink" href="#"> Testo</a>
<!--dovrebbe apparire musica-->
</div>
<div class="p0 w100" style=" background-color:#852e36;">
<a class="cal_titlelink" href="#"> Testo</a>
<!--dovrebbe apparire canzoni-->
</div>

JQUERY

if($(".w100").css("background-color","#852e35")){
     $('.cal_titlelink').append('<div>musica</div>');
 }

if($(".w100").css("background-color","#852e36")){
        $('.cal_titlelink').append('<div>canzoni</div>');
  }

Così facendo compare musica ovunque in quanto dovrei iterare ma.. come posso fare?

Grazie

 

[MAeSI]

Ciao,
c'è un errore nelle condizioni.

Potresti provare, in un ciclo each, in questo modo (il colore di background viene rilevato in rgb, ma provalo con tutti i browser):

if ($(this).css('background-color') == 'rgb(133, 46, 53)') {
    $(this).find('a.cal_titlelink').append('<div>musica</div>');
}
else if ($(this).css('background-color') == 'rgb(133, 46, 54)') {
   $(this).find('a.cal_titlelink').append('<div>canzoni</div>');
}

 

[Fabio90]

Grazie per l'aiuto..
ho provato il tuo codice però come puoi notare non si vede la parola musica.
Dovrebbe apparire il 12 novembre qui

 

[MAeSI]

Ciao, non hai ciclato:

$('.w100').each(function(){
// condizione etc...
});

I valori rgb sono cambiati:

rgb(133, 46, 50)
rgb(133, 46, 51)

 

[Fabio90]

Gentilissimo =) Ho risolto grazie al tuo aiuto

Adesso ho un'altra casistica sempre in merito all'iterazione:

HTML
<!--------------caso IF---------------->
<div class="column_9">
<b>Partenza Merce</b>
</div>

<!---------caso ELSE---------------->
<div class="column_9"></div>

Questo if funzionante dice: Se nella .colonna9 esiste <b>Partenza Merce</b> aggiungi l'immagine alla colonna 8
non capisco come far funzionare l'else..

  var p = $(".column_9").find("b"); 
  p.each(function() {
 	if($(this).text() == "Partenza Merce") {
	    img = document.createElement("img");
			img.src = "http://www.fabiotoscano.it/azienda.png";
			$(".column_8").append(img);
	} else {
//se la colonna 9 è vuota 
//aggiungi immagine colonna 9
//aggiungi immagine colonna 8
} 
	
  });