Gli sviluppatori di siti hanno bisogno ottenere un insieme di elementi contenuti all'interno di un altro elemento in una pagina Web. Si consideri un elemento DIV che contiene una descrizione del prodotto. Quel DIV può contenere anche più tag di ancoraggio, o link, che rimandano ad altre pagine che trattano il prodotto. Usando la libreria JQuery JavaScript, potete afferrare tutte le ancore all'interno di quel DIV e manipolarli. Tutto ciò che è necessario utilizzare questa libreria di programmazione è un link al file che contiene il codice JQuery e l'ID del DIV che contiene le vostre ancore.

Istruzioni

1

Avviare un editor HTML o blocco note e aprire qualsiasi documento HTML.

2

Aggiungere questa riga (senza virgolette) alla sezione head del documento: "< script > Visita White House < /a >

< a href = "l'http://www.nasa.gov" > visitare NASA < /a >

< / div >

< input type = valore "pulsante" = "Test" onclick = "return test('div1')" / >

Questo DIV contiene due tag di ancoraggio. Quando cliccato, chiamate una funzione JavaScript denominata "test" e passa tale funzione id di DIV pulsante.

3

Inserire il codice JavaScript riportato di seguito nella sezione script del documento:

Function test(divID) () {

ancoraggi di var = getAnchors(divID);

per (var i = 0; i < anchors.length; i + +) {

Alert ("testo di ancoraggio =" + anchors[i].innerText);

}

}

Function getAnchors(divID) () {

ancoraggi di var = $("#" + divID + "> un");

tornare ancore;

}

La funzione "test" chiama una funzione denominata "getAnchors" e passa tale funzione tramite id del DIV. La funzione di "getAnchors" Recupera tutte le ancore di DIV e li restituisce alla funzione "test". La funzione "test" memorizza le ancore nella variabile "ancore". Si noti che la funzione di "getAnchors" ha una istruzione di JQuery. Questa istruzione viene aggiunto il "#" all'inizio dell'id del DIV. In questo esempio, che diventa "#div1" perché id di DIV è "div1." Il "> una" parte dell'istruzione rappresenta gli elementi di "figlio" all'interno dell'elemento DIV padre. Poiché si desidera solo i bambini di ancoraggio all'interno dell'elemento DIV, il codice utilizza la lettera "a" dire JQuery per individuare tutti gli elementi figlio all'interno del DIV che sono elementi di ancoraggio.

4

Salvare il documento e visualizzarlo nel browser. Vengono visualizzati i due link e pulsante. Fare clic sul pulsante. Il pulsante fare clic su eventi chiama la funzione "test". Tale funzione chiama la funzione di "getAnchors". La funzione di "getAnchors" ottiene tutti gli ancoraggi in DIV e li restituisce alla funzione "test". Tale funzione, quindi, Visualizza i valori di testo per ciascuna delle ancore.

Consigli & Avvertenze

• Si possono fare diverse cose utili con ancore dopo il loro recupero da un Iterate DIV. attraverso la vostra accumulazione di ancoraggio usando JavaScript regolari o anche di "ogni" funzione JQuery. Ad esempio, mentre scorrono le ancore, si potrebbe cambiare il loro aspetto o semplicemente esaminare i valori di testo, come illustrato nella procedura. Sito Web di JQuery contiene informazioni utili su "ogni" funzione che aiuta gli sviluppatori a manipolare insiemi di elementi della pagina Web.