each method

내용 1

내용 2

내용 3

"> 02-01_each

each method

내용 1

내용 2

내용 3

"> 02-01_each

each method

내용 1

내용 2

내용 3

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>02-01_each</title>
<script src="<https://code.jquery.com/jquery-3.7.1.js>"></script>
<script type="text/javascript">
	/*
		# .each()
		- jQueary 의 배열 메서드를 사용해서 배열이나 객체에 쉽게 접근 가능.
		$.each( 배열명 or 객체명, function(index,value){
			
		});
	*/
	let subject = {
		title : "test",
		code : "001",
		day : 20
	};
	$.each(subject, function(key, value){
		console.log(key + ' - ' + value);
	});
	$(document).ready(function(){
		let city = ["서울", "부산", "광주", "제주도", "인천"];
		$.each(city, function(index, value){
			console.log(index + ' - ' + value);
		});
		
		$("div").each(function(index, value){
			console.log(index + ' - ' + value);
			console.log("class : " + $(this).attr("class"));
		});
	});
</script>
</head>
<body>
	<h1>each method</h1>
	<br/>
	<div class="c1">내용 1</div>
	<div class="c2">내용 2</div>
	<div class="c3">내용 3</div>
</body>
</html>