사용법
$("요소 선택").each(function)
$.each($("요소 선택").function)
1. $("요소 선택").each(function(param1, param2) {})
2. $.each($("요소 선택"), function(param1, param2) {})
3. $("요소 선택").each(function() { $(this) })
4. $.each($("요소 선택"), function() { $(this) })
설명:
배열에 저장된 문서 객체만큼 메소드가 반복실행. 배열에 저장된 객체의 인덱스 순서대로 하나씩 접근하여 객체를 선택하고 인덱스를 구한다.
예제:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul id="menu1">
<li>내용1-1</li>
<li>내용1-2</li>
<li>내용1-3</li>
</ul>
<ul id="menu2">
<li>내용2-1</li>
<li>내용2-2</li>
<li>내용2-3</li>
</ul>
<script>
$(function() {
var obj = [{
"area" : "서울"
},{
"area" : "부산"
},{
"area" : "대구"
}]
$(obj).each(function(i, o) {
console.log(i + " : ", o);
});
console.log("===========");
$.each($("#menu2 li"), function(i, o) {
console.log(i + " : ", o);
});
console.log("===========");
$.each($("#menu2 li"), function(i) {
console.log(i + " : ", $(this));
});
});
</script>
</body>
</html>
결과:
'제이쿼리' 카테고리의 다른 글
| $.map() (0) | 2020.12.06 |
|---|---|
| jquery 분석 (0) | 2020.11.20 |
| 사용자 정의 메소드 (0) | 2020.11.09 |
| .val()에 대해 (0) | 2020.10.15 |
| [제이쿼리] 가장 가까운 상위 요소 선택자 (0) | 2020.10.04 |
