Notice
Recent Posts
Recent Comments
Archives
Today
Total
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Link
Tags more
관리 메뉴

드럼치는 프로그래머

[jQuery] children(), each() 본문

★─Programing/☆─WebProgram

[jQuery] children(), each()

드럼치는한동이 2017. 6. 7. 09:59
children( ) => 지정한 엘리먼트의 바로 아래 자식 노드 (parent( )는 부모 노드)
each( ) => 각각 엘리먼트에 차례로 접근

<html>
<head>
	<title>jquery each()</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {

			//root의 자식 노드 선택
			var nodes=$("#root").children();

			//nodes의 갯수를 alert
			alert(nodes.length);

			//변수 txt 선언
			var txt="";	
			//nodes 의 각각 엘리먼트에 차례로 접근해서 txt에 입력
			nodes.each(function(){
				txt+=" "+$(this).text();
			});
			alert(txt);
		});
	</script>
</head>
<body>
	<div id="root">
		<div>Azit4u</div>
		<div>S2ang</div>
		<div>Hello</div>
	</div>
</body>
</html>


출처: http://mandooya.com/entry/jQuery-childreneach [만두야닷컴]

 

저작자표시 비영리 동일조건

'★─Programing > ☆─WebProgram' 카테고리의 다른 글

[CSS] table 테이블 크기에 맞게 영문 줄바꿈  (0) 2018.03.16
[JavaScript] TEXTAREA 줄바꿈 저장  (0) 2017.06.08
[JavaScript] JSON Object의 key 개수(length) 구하기  (0) 2017.06.07
[Spring] Spring Security - No visible WebSecurityExpressionHandler instance could be found in the application context  (0) 2017.06.07
[Security] 스프링 시큐리티 csrf (크로스도메인) 설정방법  (0) 2017.04.25
'★─Programing/☆─WebProgram' Related Articles more
Comments