Javascript 我有一行，但不知怎的，我的按钮和文本区域在彼此下方对齐，而不是相邻对齐

我的控制台显示我确实有一行，但不知怎么的，按钮和texarea放在了彼此的下面，我几乎没有css，所以我不可能在那里做错什么。我错过了什么？

问题在于将div附加到彼此的方式，请检查：

$(function () {
    $(getEblock().appendTo(getEblockRow()));
    $(getEblock().append(getTextArea(), submitButton())).appendTo('#form');
});

函数getEblockRow（）{ 设eBlockRow=（$（''）{ “类”：“行” })); 控制台日志（eBlockRow）； 返回eBlockRow； } 函数getEblock（）{ 设eBlock=（$（''）{ “类”：“col-md-3” })); 返回eBlock； } $（函数（）{ var container=getEblockRow（）； var block=getEblock（）.append（“”，'Submit'） 容器。追加（块）； container.append（block.clone（true））； container.append（block.clone（true））； $（'#form'）。追加（容器）； });

---

你试过用纯HTML创建它并看到结果吗？是的，在HTML中我没有困难，但是当我尝试用javascript创建这些东西（练习）时，我最终得到了彼此下面的东西（这解释了我的新手问题）submitButton（）函数在哪里？在我的javascript中，但是在一个单独的函数中，

textarea

和

按钮

是内联的。但是，由于

col-md-3

的原因，它们不在同一行中，而是流向下一行。如果您可以在不使用col-md-3的情况下使用它一次，那么它可能会工作。让我知道。一个简单的问题，如果你不介意的话，为什么你不使用美元符号来附加其他的东西呢？如下所示：$（getEblock（）.appendTo（getEblockRow（））；因为每次调用

getEblock（）

函数时，它都会在代码中创建一个新实例，当您在第二行第二次调用它时，您将丢失第一个div

行

，它将返回一个新的

col-md-3

实例，该实例未连接到

行

，该新实例将附加到表单中。。。这就是为什么我将其存储在

块中

，以便在需要时使用相同的实例。。。

$(function () {
    $(getEblock().appendTo(getEblockRow()));
    $(getEblock().append(getTextArea(), submitButton())).appendTo('#form');
});

function getEblockRow() {
    let eBlockRow = ($('<div/>', {
        'class': 'row'
    }));
    console.log(eBlockRow);
    return eBlockRow;
}

function getEblock() {
    let eBlock = ($('<div/>', {
        'class': 'col-md-3'
    }));
    return eBlock;
}

$(function () {
    var container = getEblockRow();
    var block = getEblock().append('<textarea></textarea>', '<button class="btn">Submit</button>')

    container.append(block);
    container.append(block.clone(true));
    container.append(block.clone(true));

    $('#form').append(container);
});