[jQuery] 제이쿼리 each 사용

제이쿼리 each 사용법은

jQuery.each( array, callback )

Description: A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. Arrays and array-like objects with a length property (such as a function's arguments object) are iterated by numeric index, from 0 to length-1. Other objects are iterated via their named properties.

글 설명처럼, 이터레이팅 하는 것입니다.

예제를 보면,

1 2 3

$.each([ 52, 97 ], function( index, value ) { alert( index + ": " + value ); });

[결과],

0: 52 
1: 97

[ 강좌의 챌린지 문제에서는]

저체 제품을 링크합니다.

$(".product-item").each(function () {
    var prodName = encodeURIComponent($(this).children("h2").text());
    var prodID = encodeURIComponent($(this).data("prod_id"));

    var link = $("<a href='product.html?prodName=" + prodName + "&prodID=" + prodID + "'/>");
    $(this).children("img").wrap(link);
})