each() 메소드 사용 방법
- $(선택자).each(콜백함수 function(){});
- $.each(배열, 콜백함수);
- $.each(객체, 콜백함수);
예제 : eachFunction.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery </title>
<script src="jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// $(선택자).each(콜백함수);
$('div').each(function() {
console.log($(this).text()); // 텍스트 읽어오기
});
$('div').each(function(index) {
console.log($(this).text(index)); // 텍스트로 출력하기
});
//$.each(배열, 콜백함수);
var names = ['홍길동', '이몽룡', '성춘향', '변학도'];
$.each(names, function(index, value) {
console.log(index + " : " + value);
});
// $.each(객체.콜백함수);
// 사용자 정의 객체 생성
let car = {
no:'11가1111',
name:'소나타',
maker:'현대',
cc:2000,
year:2021
}
$.each(car, function(prop, value){
console.log(prop + " : " + value);
})
});
</script>
</head>
<body>
<div>a</div>
<div>b</div>
<div>c</div>
</body>
</html>'Frontend > JQuery' 카테고리의 다른 글
| jQuery DOM 요소 조작 관련 메소드 (0) | 2021.12.15 |
|---|---|
| jQuery DOM 요소 조작 (0) | 2021.12.15 |
| jQuery 이벤트 (0) | 2021.12.14 |
| hover() 메소드 (0) | 2021.12.14 |
| jQuery 변수 (0) | 2021.12.14 |