Javascript 如何附加到刚刚附加的div

我想画多条线，其中包含一个产品的信息，例如，让我们说出它的名称。我在函数开头声明变量：

我反复浏览产品列表：

var productName = '<div class="productName"></div>';

for (var i = 0; i < context._model._productsList.length; i++) {
        var productLine = '<div data-id="' + i + '" class="productLine"></div>';
        $('#boardProducts').append(productLine);
        $('[data-id="' + i + '"]').append(productName);

var-productName=''；
对于（var i=0；i

对于每个产品，我希望将产品名称包装在相关的产品名称div中

但是如果我选择

$（'.productName'）.append（'A name'）；

它将选择所有的div产品名

是否有方法在我上次附加的productName div中进行附加

$('.productName').last().append('A name');

 $('.productName:last').append('A name');