jQuery.each (funkcja (indeks, wartość) {}); Czym jest wartość?

Question

Uczę się jQuery z książki o nazwie Head First jQuery. Książka jest bardzo łatwa do nauczenia. Chodzi o to, że istnieje funkcja .each() (zawarta w obrazie, który skanowałem), która ma parametr function(). Parametry function() to index i value. Indeks jest wyjaśniony na stronie, ale co z wartością? A także, skoro jest to funkcja anonimowa (która nie może być ponownie wykorzystana), w jaki sposób bierze ona jakiekolwiek parametry?

Answer 1

Ten drugi element, który nazywamy wartością, to o wartości kolekcji, która jest obecnie przetwarzana przez każdą funkcję.

Dla twojego drugiego pytania - anonimowe funkcje mogą być ponownie użyte, tylko dlatego, że nie mają nazwy, nie oznacza, że ​​nie mogą mieć parametrów lub być wykonane. Zobacz następujący przykład:

function execute_fn(fn) { 
    fn(1,2); 
} 

execute_fn(function(a,b) { ... }); 

Answer 2

Istnieją dwie metody each w jQuery. Jedna służy do jazdy na rowerze nad obiektem jQuery, który zawiera wiele dopasowań. Na przykład, załóżmy, że chcemy znaleźć wszystkie akapity na stronie:

$("p").each(function(){ 
    // Do something with each paragraph 
}); 

Po drugie, istnieje bardziej ogólny each dla iteracji nad obiektami lub tablic:

var names = ["Jonathan", "Sampson"]; 
$.each(names, function(){ 
    // Do something with each name 
}); 

Kiedy cykle jQuery nad elementami w którykolwiek z tych przykładów, utrzymuje liczbę obiektów, które aktualnie obsługuje. Kiedy wykonuje naszą anonimową funkcję, przekazuje dwa parametry - aktualną wartość, na której się znajdujemy (indeks) i ten obiekt (wartość).

var names = ["Jonathan", "Sampson"]; 
$.each(names, function(index, value){ 
    alert(value + " is " + index); 
}); 

Który wyprowadza "Jonathan jest 0", a "Sampson jest 1", ponieważ używamy indeksu opartego na zera.

Ale co z naszym natywnym obiektem jQuery?

$("p").each(function(index, value){ 
    alert(value.textContent); // The text from within the paragraph 
}); 

W tym przypadku value jest rzeczywiste HTMLParagraphElement obiektu, dzięki czemu możemy uzyskać dostęp do właściwości jak textContent lub innerText na to, czy nam się podoba: