[JQuery] input , textarea 태그 개수 세기

textarea 배열 개수 구하기

<form name='test_form'>
  <input type='button' id='btn' value='갯수' />
  <br />
  <input type='text' name='tag' />
  <input type='text' name='tag' />
  <input type='text' name='tag' />
  <input type='text' name='tag' />
  <input type='text' name='tag' />
  <br />
  <input type='textarea' name='tag1' id='t_1' value='1' />
  <input type='textarea' name='tag1' id='t_2' value='2' />
  <input type='textarea' name='tag1' id='t_3' value='3' />
  <input type='textarea' name='tag1' id='t_4' value='4' />
  <input type='textarea' name='tag1' id='t_5' value='5' />
</form>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
  $("#btn").click(function() {
    alert($("input[name=tag]").length);  // text 태그 갯수 출력
    alert($("textarea[name=tag1]").length); // textarea 태그 갯수출력
    
    var cnt = $("textarea[name=tag1]").length;
    for(var i=1; i<=cnt; i++){
       alert($("textarea[id=t_"+ i +"]").val());  //textarea 태그 값 출력
    }

  });
</script>

몇개가 나올지 모르는 배열의 태그가 몇개인지 찾아 내용보여주기