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