Javascript 添加<；p>；段落</p>；进入一个div，但如果div已经有2个段落，则创建一个新div

我有一个div.content，里面有两个div（.content-1，.content-2）

在.content内的div中，我只希望最多有两段

因此，当我点击“添加”按钮时，我想在一个只有一个或零个段落的div中添加一个段落，如果有2个段落，我想创建一个新的div.content-3并在第三个div中添加这个段落，当第三个div有两个段落时，我想创建一个新的div.content-4，依此类推

我正在尝试这样做，我已经做了一个工作，当一个div有一个或零个段落时，我添加了一个段落。但是现在，如果其他部分已经有两个div，那么创建一个新div的部分工作不正常

你明白为什么错了吗

我的例子如下：

html:

添加
文本1

文本2

文本1

jquery：

$(document).on('click', '.btn', function(){ 
    var input = $("#input").val();
    var maxdivSize = 2;
    var divContentSize = $(".content > *").length;
    $(".content >*").each(function(){
        var i = 0;
        var numberOfElements = $(this).find("p").length;
        if (numberOfElements < 2){
            $(this).append("<p> "+ input + "</p>");
        }
        else{
            $(".content").append("<div class='content-"+i+1+"'>"+input+"</div>");
        }
        i++;
    });

}); 

$（document）.on（'click'，'.btn'，function（）{
变量输入=$（“#输入”）.val（）；
var maxdivSize=2；
var divContentSize=$（“.content>*”）.length；
$（“.content>*”）。每个（函数（）{
var i=0；
var numberOfElements=$（this.find（“p”）.length；
if（元件数<2）{
$（this）.追加（“”+输入+”
”）；
}
否则{
$（“.content”）.append（“+input+”）；
}
i++；
});
}); 

尝试使用此代码

$(document).on('click', '.btn', function () {
    var input = $("#input").val();
    var divContentSize = $(".content > *").length;
    var relDiv = $(".content > div").filter(function () {
        return $(this).children().length !== 2;
    });
    if (relDiv.length) {
        relDiv.append("<p> " + input + "</p>");
    } else {
        $(".content").append("<div class='content-" + (divContentSize + 1) + "'><p>" + input + "</p></div>");
    }
});

$(document).on('click', '#input', function () {
    $('#input').val('');
});

$（文档）.on（'click'，'.btn'，函数（）{
变量输入=$（“#输入”）.val（）；
var divContentSize=$（“.content>*”）.length；
var relDiv=$（“.content>div”）.filter（函数（）{
返回$（this）.children（）.length！==2；
});
if（相对分段长度）{
relDiv.append（“”+input+“
”）；
}否则{
$（“.content”）。追加（“”+input+”
”）；
}
});
$（文档）.on（'单击'，'输入'），函数（）{
$（'#input'）.val（''）；
});

尝试使用此代码

$(document).on('click', '.btn', function () {
    var input = $("#input").val();
    var divContentSize = $(".content > *").length;
    var relDiv = $(".content > div").filter(function () {
        return $(this).children().length !== 2;
    });
    if (relDiv.length) {
        relDiv.append("<p> " + input + "</p>");
    } else {
        $(".content").append("<div class='content-" + (divContentSize + 1) + "'><p>" + input + "</p></div>");
    }
});

$(document).on('click', '#input', function () {
    $('#input').val('');
});

$（文档）.on（'click'，'.btn'，函数（）{
变量输入=$（“#输入”）.val（）；
var divContentSize=$（“.content>*”）.length；
var relDiv=$（“.content>div”）.filter（函数（）{
返回$（this）.children（）.length！==2；
});
if（相对分段长度）{
relDiv.append（“”+input+“
”）；
}否则{
$（“.content”）。追加（“”+input+”
”）；
}
});
$（文档）.on（'单击'，'输入'），函数（）{
$（'#input'）.val（''）；
});