2009-12-03 10 views
37

Sto provando a scrivere il codice per cercare tutti i bambini per un div che ha una classe specifica. Il DIV non ha un ID. Ecco l'HTML che userò.jQuery - trova il figlio con una classe specifica

<div class="outerBUBGDiv"> 
<div class="innerBUBGDiv"> 
<div class="bgHeaderH2">Technology Group</div> 
<div class="bgBodyDiv"> 
<div align="center"> 
<img height="33" border="0" width="180" src="/heading.jpg"/> 
    /////other stuff here///// 
</div> 
</div> 
</div> 

Qualche idea su come ottenere il testo all'interno del div con la classe bgHeaderH2.

Grazie in anticipo.

Commento aggiunto, non ha spiegato molto bene inizialmente)

+0

Spiacente, non ho spiegato questo in modo corretto. my $ (this) è il parent di tutti i bambini sopra, un div esterno. Ho bisogno di trovare quale dei bambini ha una classe di bgHeaderH2. Quindi ho bisogno di fare $ (questo) .qualcosa di – Caroline

+0

Vedere la mia risposta rivista sotto ... – Ryan

risposta

26

Sulla base di un commento, moddify questo:

$('.bgHeaderH2').html(); // will return whatever is inside the DIV 

a:

$('.bgHeaderH2', $(this)).html(); // will return whatever is inside the DIV 

Ulteriori informazioni sui selettori: http://docs.jquery.com/Selectors

+4

Si dovrebbe sempre usare un selettore di classe così 'div.bgHeaderH2 'o ci sarà una penalità per le prestazioni vedere http://www.componenthouse.com/article-19 –

+0

@Dave: ottimo suggerimento! Non ho pensato a questo mentre stavo scrivendo questo :) –

+2

Questa risposta è davvero "trova qualsiasi elemento nella pagina con una classe specifica". La risposta di Ryan è più appropriata per il problema di trovare i figli di un determinato div con una classe specifica. – Ryan

58
$(this).find(".bgHeaderH2").html(); 

o

$(this).find(".bgHeaderH2").text(); 
+0

Grazie per l'aggiornamento Ryan, questo funziona come l'altro suggerimento di gennaio – Caroline

2

non sono sicuro se ho capito la tua domanda correttamente, ma non dovrebbe importare se questo div è un figlio di un altro div. Si può semplicemente ottenere il testo da tutti i div con classe bgHeaderH2 utilizzando il codice seguente:

$(".bgHeaderH2").text(); 
Problemi correlati