Iterare elementi jquery

Fabio90

Utente Attivo
29 Feb 2012
506
0
16
Buongiorno forum,
Sto cercando di agganciare un testo in base al valore del background

HTML

Codice:
<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

Codice:
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? :D

Grazie
 

MAeSI

Utente Attivo
13 Apr 2014
71
1
8
quellidelcucuzzolo.blogspot.it
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):

Codice:
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

Utente Attivo
29 Feb 2012
506
0
16
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
 

Fabio90

Utente Attivo
29 Feb 2012
506
0
16
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..
Codice:
  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
} 
	
  });
 
Discussioni simili
Autore Titolo Forum Risposte Data
felino [VBScript] [HP UFT] Iterare nodi di un TreeView (WPF) Visual Basic 0
F Creare elementi html con javascript Javascript 4
R Includere elementi array fra apici PHP 1
A Contare gli elementi di un array PHP 13
T Contatore alla rovescia su più elementi simultaneamente Javascript 4
S [PHP] Estrarre elementi array su più variabili PHP 5
L [Java] Aggiungere elementi ad array JSON Java 0
R Visualizzazione elementi Access MS Access 2
D Elementi duplicati su blog SEO e Posizionamento 1
S elementi statistici - Matrice e Gestione Array PHP o Javascript Javascript 0
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
Raziel84 [Java] Combinazione elementi matrice Java 0
N Dialog performance con tanti elementi jQuery 2
alessandra86 [PHP] Elementi di un array non visualizzabili PHP 7
D [PHP] Elementi tabella in orizzontale e NON Verticale PHP 12
asevenx modificare lista elementi togliendo l'elemento selezionato jQuery 1
S [HTML] Comportamento di due elementi block level flottanti HTML e CSS 2
blips Racchiudere una serie di elementi in un div jQuery 2
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
C [PHP] RISOLTO - Eliminare elementi duplicati da array multidimensionale PHP 1
F aggiungere codice dopo n elementi jquery jQuery 1
JeanWolf [Php] Elementi comuni di due array PHP 29
Papalla CSS3 - immagine di sfondo con elementi che appaiono col mouse hover HTML e CSS 4
teoxs2508 [HTML] Posizionamento elementi su pagina web HTML e CSS 5
A come modificare gli elementi di una lista e gli editText? Sviluppo app per Android 0
JackIlPazzo Assegnare un id ad elementi con parser PHP 2
asevenx Selezionare elementi da un elenco in modo dinamico e inviarli al database PHP 0
N selezione elementi Javascript 0
asevenx Realizzare modulo per selezionare elementi da una lista PHP 1
C array_rand prende elementi casuali diversi? PHP 6
Marco_88 Verificare la selezione degli elementi dom jQuery 2
X Funzione onscroll relativa a elementi multipli Javascript 0
M elementi di una gridview appaiono in ordine casuale invece di quello deciso da me Sviluppo app per Android 2
N Dare id ad elementi classe jQuery 1
otto9due Accesso agli elementi <![CDATA[ ... ]]> di un file XML con SimpleXML e PHP PHP 2
V Scorrere elementi DOM e prendere dei valori Javascript 8
D SELECT Singoli elementi PHP 3
filomeni Elementi obsoleti SEO e Posizionamento 1
felino [Excel] Disposizione elementi per colonna Windows e Software 1
G Elementi a scomparsa Java 2
A passaggio dei singoli elementi elementi da json object a array Ajax 4
Devil-94 creare elementi sopra altri elementi. Javascript 1
Devil-94 Creazione elementi DOM OGNI volta con sempre un nuovo id. Javascript 1
M Scroll che mostra e nasconde elementi Javascript 2
M Come cambiare elementi visualizzati jQuery 4
Devil-94 Creazione di elementi html in tempo reale. Javascript 4
N PHP Ricerca utente, Tabella con più elementi PHP 8
felino [JS] Passare un array ed effettuare la somma degli elementi Javascript 2
M problema con elementi della funzione Javascript 3

Discussioni simili