1. Jquery Each 

 - API 문서 바로가기

 - 쉽게 말해 반복문이다.


2. Break, Continue란?

 - break 는 반복문을 중지하는 기능

 - continue 는 해당하는 반복구간을 건너뛰는 기능


3. Jquery each에서는??

 1) 요약

  - break는 return false;

  - continue는  return true;

  2) 샘플

   - 소스

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$("ul li").each(function(index) {

var tmpTxt = $(this).text();

if (tmpTxt == "1") {
console.log("Continue value "+ tmpTxt);
return true;

} else if (tmpTxt == "5") {
console.log("Break value "+ tmpTxt);
return false;
}

console.log("value "+ tmpTxt);

});


</script>
</body>
</html>

  - 결과( <li>6</li>에 해당하는 value값은 출력되지 않는다.)



'프로그래밍 > Javascript' 카테고리의 다른 글

How to detect browser.  (0) 13:00:00
IOS 버전 관련 처리  (0) 2018.07.20
[Jquery] .each에서 break, continue 구현하기.  (0) 2018.07.02
How to create dynamic a form!  (0) 2018.06.07
javascript replaceAll 사용하기  (0) 2018.03.08
Timer 구현하기  (0) 2017.01.25

+ Recent posts