如何更新现有的类vs追加？

Question

我有这些类，必须使用从API提要中收到的已解析数据进行更新。我正在尝试仅更新这4个类中的1个。但是，当我编写此函数时，它会将10篇文章追加为新的类列表项，而不是更新其中一项。非常感谢指导。谢谢！

function articles() {
    $("<article>", {
        class: "article"
    }).append(
        $("<section>", {
            class: "impressions"
        }).append("123"),
        $("<section>", {
            class: "featuredImage"
        }).append(
            $("<img src = " + image + " alt = ''>")
        ),
        $("<section>", {
            class: "articleContent"
        }).append(
            $("<a href =" + link + ">").append(
                $("<h3>").text(title),
                $("<h6>").text(source)
            )
        ),
        $("<div>", {
            class: "clearfix"
        })
    ).appendTo("#main");

    $(".loader").addClass("hidden");
}

articles();

original HTML

HTML after my function is called