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

时间:2017-05-09 18:33:20

标签: javascript jquery html

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

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

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

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

感谢您的帮助!

2 个答案:

答案 0 :(得分:2)

这可能会对你有帮助。

Regex.Match("SD:  \u0002US", @"\s+\u0002")

把i + 1放在那里。

答案 1 :(得分:1)

我希望这会帮助你:

var questions = 1;
function createBoxYes() {
    var box = '<div class="panel-heading">Question ' + ++questions + '</div>';
    $("#yesColumn").append(box);
}
$('#addBox').bind('click', createBoxYes);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet" />
<div id="yesColumn" class="panel panel-default">
     <div class="panel-heading">Question 1</div>
</div>

<button id="addBox" class="btn btn-info">Add</button>