如何附加到刚刚附加的div

Question

我想在产品上绘制包含信息的多行，例如它的名称。我在函数的开头声明了变量：

我遍历产品列表：

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);

对于每个产品，我想在相关的产品名称div中包装产品名称。

但如果我选择$('.productName').append('A name');，则会选择所有div productName。

有没有办法追加我追加的最后一个productName div？

Answer 1

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

Answer 2

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