non mi visualizza DIV nascosto

[Kahm]

salve a tutti
ho 2 div nascosti, entrambi hanno uno SPAN
devo visualizzare SOLO il DIV con lo SPAN avente classe RedBackground

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div style="display: none;"><span  class="RedBackground">show this</span></div>
<div  style="display: none;"><span  class="GreenBackground">NOT show this</span></div>

ora sto utilizzando questo codice
strano ma vero , non mi funziona
quale è il problema?

   $("div span.RedBackground").show();

[fermat]

ciao!

hai provato usando la classe come riferimento??

$(".RedBackground").show();

[lucavizzi]

fermat, il tuo codice non può funzionare perché è il div genitore ad avere il display:none;
Kahm, il tuo script non funziona per lo stesso motivo.


Per mostrare il div, bisogna identificarlo risalendoci dal figlio:

$('.redBackground').parent().show();

[Kahm]

ok grazie

[fermat]

fermat, il tuo codice non può funzionare perché è il div genitore ad avere il display:none;
Kahm, il tuo script non funziona per lo stesso motivo.


Per mostrare il div, bisogna identificarlo risalendoci dal figlio:

$('.redBackground').parent().show();

non lo avevo testato in effetti.
però grazie per la dritta!!

[Kahm]

con il tuo codice gia va meglio

ma metti caso io voglia disabilitare un pulsante posto in questo stesso DIV
che trovo in quanto uno span ha un determinato colore

HTML Code:
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<divstyle="display: none;"><spanclass="RedBackground">show this</span></div>
<divstyle="display: none;"><spanclass="GreenBackground">NOT show this</span>

<inputclass=''type='button'id='prec5012'onclick='Prec(5012)'value='Prec'>

</div>
con questo codice non riesce a selezionarlo
in pratica lo seleziono con il value in quanto gli ID cambiano per ogni DIV

$("input[value='Prec']").parent("div:has(span.RedBackground)").hide();

[lucavizzi]

Premetto che has() applicato ad un input è un nonsense, come può un tag input contenere un elemento?

Se vuoi disabilitare un pulsante contenuto in quel div (a cui risali da uno span-figlio), il codice diventa:

var div=$('.redBackground').parent();
$( 'input[value="Prec"]', div ).attr('disabled',true);

Come vedi ho identificato prima il div genitore (sia dello span che del button) e poi l'ho usato come scope per individuare univocamente il pulsante figlio del div (passando la variabile "div" al motore di selezione di jQuery).



Lo script si potrebbe riscrivere, in forma contratta, con la seguente sintassi:

$( 'input[value="Prec"]', $('.redBackground').parent() ).attr('disabled',true);

[Kahm]

CAVOLO!
sto utilizzando una estenzione di chrome "css selector", in cui seleziono da debug il controllo che voglio e mi dovrebbe far vedere che cosa scrivere, ma mi rendo conto che funziona male

[lucavizzi]

CAVOLO!
sto utilizzando una estenzione di chrome "css selector", in cui seleziono da debug il controllo che voglio e mi dovrebbe far vedere che cosa scrivere, ma mi rendo conto che funziona male

Usa la tua giovane e acuta mente analitica