0

ユーザーが追加したフィールドの数を数えることは可能ですか?

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

最初のフィールドは必須で (削除ボタンがないため)、残りは削除できるため、最後にフィールドの数を数えるにはどうすればよいかを知る必要があります。

4

2 に答える 2

0

なぜ単純ではないのですか

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

？

削除リンクがあるものを明示的にカウントしたい場合は、次のようにすることができます

var nb = $('.myzebra-repeatable-field .myzebra-remove-field').length ;
于 2013-01-14T10:10:35.320 に答える
0

単純に使用document.getElementsByClassNameして、返された HTMLCollection の長さを確認します。

var u = document.getElementsByClassName('myzebra-repeatable-field').length - 1;
于 2013-01-14T10:15:20.770 に答える