JavaScript createElement

Question

在用户发布了一个article ( AJAX )之后，我希望通过AJAX更新这篇文章。

然而，问题是当没有文章时，用户创建第一篇文章--这意味着我需要创建包含所有逻辑的article-div (例如。循环)。

我知道如何在JS中创建一个简单的元素，但是如何创建这样的元素呢？

welcome#index

#article-div
    - @articles.each do |article|
        .ajax_load.article-content{ id: "article" }

articles/create.js.erb

if (!($('#article-div'))) {
    $('#article-div').append('<%= j render(@article) %>');
}

Answer 1

您必须检查jquery对象的length，

if (!$('.article-content').length) {

因为jquery对象永远不会被计算为false。并且没有必要通过空的jquery对象调用.remove()。你的完整代码应该是，

if (!$('.article-content').length) {
   $('#article-div').append('<%= j render(@article) %>');
}