如何追加到刚刚追加的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');