Javascript를 사용하는 반복 필드의 수를 계산하십시오.

Question

사용자가 추가 한 필드 수를 계산할 수 있습니까? 첫 번째 필드가 필요합니다

<div class="myzebra-repeatable-field"> 
    <input id="cred_form_3584_1_wpcf-ticket-student-name" class="myzebra-control myzebra-text myzebra-prime-name-wpcf-ticket-student-name" type="text" placeholder="" value="" name="wpcf-ticket-student-name[0]"> 
</div> 
<div class="myzebra-repeatable-field" style="display: block;"> 
    <input id="cred_form_3584_1_wpcf-ticket-student-name_repeat_2" class="myzebra-control myzebra-text myzebra-prime-name-wpcf-ticket-student-name" type="text" placeholder="" value="" name="wpcf-ticket-student-name[2]" style="visibility: visible;"> 
    <a class="myzebra-remove-field" href="javascript:;">Remove</a> 
</div> 
<div class="myzebra-repeatable-field" style="display: block;"> 
    <input id="cred_form_3584_1_wpcf-ticket-student-name_repeat_3" class="myzebra-control myzebra-text myzebra-prime-name-wpcf-ticket-student-name" type="text" placeholder="" value="" name="wpcf-ticket-student-name[3]" style="visibility: visible;"> 
    <a class="myzebra-remove-field" href="javascript:;">Remove</a> 
</div> 

이 (그래서 아무 제거 버튼 없음), 나머지는 제거 할 수있다, 그러므로 나는 결국 필드의 수를 계산하기 위해 무엇을해야하는지 알 필요가있다.

Answer 1

이유는 단순히

var nb = $('.myzebra-repeatable-field').length - 1 ; 

? 당신이 명시 적으로 제거 링크를 갖는 것을 계산하려면

, 당신은 단순히 document.getElementsByClassName를 사용

var nb = $('.myzebra-repeatable-field .myzebra-remove-field').length ; 

Answer 2

을 할 수 있고, 반환 HTMLCollection의 길이를 한 번 봐 가지고 : 아이

var u = document.getElementsByClassName('myzebra-repeatable-field').length - 1;