jQuery编辑DOM后获得最后一个元素

Question

我有以下函数，可将输入添加到DOM并根据屏幕上的最后一个为它们提供顺序ID。 但是，它似乎只算出预先编辑的DOM中的实际最后一个……因此，例如，如果默认情况下我有5个输入，它将给所有新闻和ID为6而不是6,7,8等。我要算增加的吗？

addInput: function () {

    // Get the last input num
    $lastNum = $('.inputs input:last-child').length;

    // Num is last input plus 1
    $num = $lastNum + 1;

    // Input HTML
    $input = '<input type="text" name="iam' + $num + '" id="iam' + $num +'" />';

    // Only allow 10 inputs to be added
    if ( $('.inputs input').length > 9 ) {
        alert('You can only have a maximum of 10');
        return false;
    }

    // Append the input to the inputs list
    $('.inputs').append($input);

},

Answer 1

$('.inputs input:last-child').length总是返回1 ，因为最后一个孩子只有一个。 请改用$('.inputs input').length 。

Answer 2

几年前，在我的一个项目中使用了这一基本逻辑。

放置一个隐藏字段，其中包含可用输入的数量。

初始阶段，隐藏字段= 0。

然后，如果我添加3个新输入，我的隐藏字段将具有value = 3

我将根据要求将三个输入的详细信息保存在数据库中。

当我再次打开页面时，默认情况下我将不得不加载三个输入。 这样我也可以在隐藏字段中传递相同的值。

我添加新输入的函数将使用隐藏字段值来增加输入...

编辑：

在jQuery中，您必须有一个Parent块，其中包含所有输入。

因此，您也可以在父div中找到输入。

$(".inputs input:[type=text]").length.

请参考这个小提琴