Javascript 单击“切换”时增加序列号

我被自动增加序列号卡住了，当我点击添加按钮时，它是添加新字段，但是序列号应该增加，你们能帮我吗

<div class="input-group">
    <input type="text" name="sno[]" class="form-control" placeholder="S. No." value="1"/>
</div>
<span class='toggler date'>
    <a class="btn btn-condensed btn-sm">
        <div style="font-size:16px"> 
            <i class="fa fa-plus-square"></i>
        </div>
    </a>
</span>
<span class='toggler date' style='display:none;'>
    <a class="btn btn-condensed btn-sm">
        <div style="font-size:16px"> 
            <i class="fa fa-plus-square"></i>
        </div>
    </a>
</span>

当我点击“添加”按钮时，你们能帮我吗？如何自动增加序号。

试试这个

$(function () {

  $('.toggler').on('click', function () {

    var fff = $(".toggled_content").html();

    if (!isNaN(fff)) {

        console.log(parseInt(fff,10) + 1);
        $(".toggled_content1").html(parseInt(fff, 10) + 1);
    }
 });

});

---

您需要保留一个计数器以获取下一个序列号。一种方法是获取已插入的

.form group

元素的数量，并向其中添加1以获取下一个序列号

$（文档）.ready（函数（$）{
$（'.toggler'）。在（'click'，function（）上{
var newSNum=$（“.toggled_content1.form group”）.length+1；
var fff=$（“.toggled_content”）.html（）；
$（“.toggled_content1”）.append（fff）；
$（“.toggled_content1.form group”）.eq（newSNum-1.find（“input”）.val（newSNum）；
});
});
。输入组
{
明确：两者皆有；
利润率：10px自动；
}
.扳机
{
边框：薄而实的红色；
高度：50px；
宽度：50px；
显示：块；
}

您想在何处使用递增的序列号？是否要将其用作新生成输入的占位符？单击“添加”按钮时，文本框值应为2，下一个值应为3，依此类推。。
$(function () {

  $('.toggler').on('click', function () {

    var fff = $(".toggled_content").html();

    if (!isNaN(fff)) {

        console.log(parseInt(fff,10) + 1);
        $(".toggled_content1").html(parseInt(fff, 10) + 1);
    }
 });

});