Javascript 如何调整，使主持人不能为每个目标容器添加超过4个输入

所以我有版主可以创建的输入字段，但我不希望版主能够为每个目标元素添加超过4个输入字段。原因是我有一个网格，其中每个目标容器的输入字段不能超过4个，否则下一个输入字段将附加在它下面，这将破坏结构

追加输入字段的代码，但不应为每个目标容器追加超过4个字段：

function getAddBtn(target, i) {
    var addBtn = $('<a/>', {
        'class': 'btn btn-primary',
        'id': 'addBtn'
    }).on('click', function() {
        $(target).append(getWordPartInput(i));
    }).html('<i class="fa fa-plus"></i>');
    console.log(target);
    return addBtn;
}

---

如果您需要任何其他代码，这就是我认为需要的代码，请告诉我。

您可以在单击事件中检查目标中附加的音节类计数，并限制该计数。代码是：

.on('click', function(){
     if($('.syllable',target).length>4)
          return false;
     $(target).append(getWordPartInput(i));
 })

---

目前还不清楚你面临什么问题。您似乎没有试图限制可以创建的元素的数量。为什么不试着添加那个部分，然后如果它不起作用，我们可以提供帮助？我做了。。。这部分就是你所看到的，我想补充的唯一一件事是，如何限制输入字段的复制。

.on('click', function(){
     if($('.syllable',target).length>4)
          return false;
     $(target).append(getWordPartInput(i));
 })