使用Javascript计算重复字段的数量

是否可以计算用户添加的字段数

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

第一个字段是必需的，因此没有删除按钮，其余的可以删除，因此我需要知道我应该做什么来计算最后的字段数。

为什么不简单

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

?

如果您想明确地计算那些具有删除链接的，您可以这样做

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

只需使用并查看返回的HTMLCollection的长度：

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

---

我刚试过，结果是-1。所以我认为这是行不通的。。还是我做错了？@EmersonF:不，我很愚蠢。圆点。不是类名的一部分。