jQuery.each (hàm (chỉ mục, giá trị) {}); Giá trị là gì?

Question

Tôi đang học jQuery từ một cuốn sách có tên là Head First jQuery. Cuốn sách rất dễ học. Vấn đề là, có một hàm .each() (được bao gồm trong hình ảnh mà tôi đã quét từ) có tham số hàm(). Tham số hàm() là index và value. Chỉ mục được giải thích trên trang, nhưng giá trị của nó thì sao? Và cũng có thể, vì nó là một hàm ẩn danh (mà không thể được tái sử dụng) làm thế nào nó lấy bất kỳ tham số nào?

Answer 1

Giá trị thứ hai mà bạn gọi là giá trị giá trị của bộ sưu tập hiện đang được xử lý bởi từng chức năng.

Đối với câu hỏi thứ hai của bạn - các chức năng ẩn danh có thể được sử dụng lại, chỉ vì chúng không có tên không có nghĩa là chúng không thể có tham số hoặc được thực thi. Xem ví dụ sau:

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

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

Answer 2

Có hai phương pháp each trong jQuery. Một là cho đi xe đạp trên một đối tượng jQuery có chứa nhiều trận đấu. Ví dụ, giả sử chúng ta muốn tìm tất cả các đoạn văn trên trang:

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

Thứ hai, có một chung chung hơn each cho iterating trên các đối tượng hoặc các mảng:

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

Khi chu kỳ jQuery trên các yếu tố trong một trong những ví dụ này, nó giữ số đối tượng mà nó hiện đang xử lý. Khi nó thực thi hàm ẩn danh của chúng ta, nó truyền vào hai tham số - giá trị hiện tại chúng ta đang ở (chỉ mục), và đối tượng (giá trị) đó.

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

Đầu ra nào "Jonathan là 0" và "Sampson là 1" vì chúng tôi đang sử dụng chỉ mục dựa trên không.

Nhưng còn đối tượng jQuery gốc của chúng ta thì sao?

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

Trong trường hợp này, value là một đối tượng thực tế HTMLParagraphElement, vì vậy chúng ta có thể truy cập vào các thuộc tính như textContent hoặc innerText vào nó nếu chúng ta thích: