javascript - 如何使用 javascript 动态更新附加内容

Question

我正在尝试将一个框附加到列表中。该框应该有一个标题来标识它，但我无法弄清楚如何将每个标题增加 1。

目前，当单击按钮时，此代码会生成这些框。

function createBoxYes(i) {
    var box = '<div class="panel-heading">Question 1</div>';
    $("#yesColumn").append(box);
}

但是，我尝试根据输入 i 增加问题编号。它应该等于i + 1。我的第一个想法是在 div 上放置一个 id，但如果我使用 findElementById("question")，那么它将选择所有框，我只想简单地生成每个框以保留不变。

感谢您的帮助!

Answer 1

这可能对你有帮助。

function createBoxYes(i) {
   var box = '<div class="panel-heading">Question' + (i + 1) +'</div>';
    $("#yesColumn").append(box);
}

只需将 i+1 放入其中即可。