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) 2018.07.23
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

1. javascript 버전.

<script>
function clearOnlyJavascript(eleName) {
var ele = document.getElementsByName(eleName);
for (var i = 0; i < ele.length; i++) {
ele[i].checked = false;
}
}
</script>

2. jquery 버전

 - jquery 버전에 따라 prop 의 옵션이 달라질 수 있습니다. 참고하세요.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#clearBtnJquery").click(function () {
console.log($("input[name=\"radioButton\"]").prop("checked", false));
});
})
</script>


3. 풀소스


'프로그래밍 > html & css' 카테고리의 다른 글

Bootstrap 사용하기  (0) 2018.08.08
textarea 리사이즈 관련  (0) 2018.07.16
radio, checkbox clear 버튼 만들기.  (0) 2018.04.25
<html lang="ko">  (0) 2018.04.09
html tag(select box, checkbox) Readonly(?)처럼 사용하기  (0) 2018.03.08

+ Recent posts