[JQuery] each, break, continue

- JQuery each

JQuery each 반복문 활용 방법 입니다.

each function 에서 i는 index이고 item은 object 입니다.

item[태그name]의 값을 불러와 사용할 수 있습니다.


  1. <form name="testFrm">
  2.     <input type="hidden" name="testinp" />
  3. </form>
  4. var input = $("form[name=testFrm]").find("input");
  5. input.each(function(i, item){
  6.     var str = item.testinp;
  7. });


- JQuery each break, continue

JQuery each 반복문에서의 break, continue는 return false, return true 를 사용합니다.

break 하고자 할 때는 return false, continue를 하고자 할 때는 return true 를 사용하시면 됩니다.


  1. var input = $("form[name=testFrm]").find("input"), val="";
  2. input.each(function(index) {
  3.     val = input.eq(index).val().trim();
  4.     if(val == ""){
  5.         alert("입력되지 않았습니다");
  6.         input.eq(index).focus();
  7.         return false; // break
  8.     }
  9. });
자바스크립트 + jQuery 완전정복 스터디 1: 기초편, 위키북스 jQuery 최고의 교과서:디자이너 퍼블리셔 개발자를 위한 ‘처음 시작하는 제이쿼리’, 한빛미디어
* 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음
작성자 소개
초이 프로필
WrapUp 블로거

초이

반려견을 좋아하고, 차를 좋아하고, 여행을 좋아하고, 맛집을 찾아 즐기는 웹 개발자 입니다^^