[8주차] 4. 배열에서 원소를 하나씩 꺼내쓰거나, 요소 한줄 전체를 하나씩 꺼내쓸 때 사용하는 함수[ each() ]

* $(  ) 내부에 선택자로 document랑 this를 사용할 때는 따옴표를 사용하지 않는다.

여러 함수들

1) .each(function(){  $(this).  })

선택자에 의해 지정된 모든 요소들(<> 문자 영역 </>)을 하나씩 꺼내서 $(this)로 접근할 수 있게 해준다.
java에서의 확장 for문과 기능이 비슷하다.

 

배열에 대해서도 이를 적용할 수 있는데, 배열에 대해 사용할 때는  배열변수명에 ' ' 를 사용하지 말아야함 => $(배열변수명)

배열에 대해서 each 함수를 적용하면 자동으로 index, value를 인자쪽 변수로 전달해주며, index 만 전달받을 수도 있다.

$(function(){
	var fruits = ["apple", "banana", "orange"];
		
	//변수나 배열을 작업 대상으로 할 때는 따옴표를 붙이면 안된다.
	$(fruits).each(function(index, value){ // 변수 이름은 내가 아무렇게나 지정할 수 있음
		$('#fruit_list').append("<li>" + index + ":" + value + "</li>");
	});
		
	$(fruits).each(function(index){
		$('#fruit_list2').append("<li>" + index + ":" + fruits[index] + "</li>");
	});
});

 

2) .append('문자열')

https://ldgeao99-developer.tistory.com/480

 

3) .html()

https://ldgeao99-developer.tistory.com/484

 

4) .text()

https://ldgeao99-developer.tistory.com/483

예시코드1

예시코드2