jQuery使用before（）添加HTML元素

Question

这是我的代码：

$(document).on("click", "#add", function() {
    console.log("clicked");

    $(this).before('<lable>'+ current +'.</label><input type="text", id="option"><br>');
    current = nextChar(current);
    var string = $("label:last").text();
    console.log(string);
});

使用这个，我正在尝试添加一些HTML元素。但这种行为并不完全是我想要的。结果应该是

<lable>c.</lable>
<input type="text", id="option">
<br>

但所有内容都包含在标签内并显示

<lable>c.<input type="text", id="option">
<br></lable>

我不知道为什么会这样。

Answer 1

将您的元素放入具有特定ID的div中，例如myid

HTML：

<div id='myid'>
   <input type="text" id="option">
</div>

JQUERY：

$(document).on("click", "#add", function() {

    $('#myid').prepend('<lable>'+ current +'.</label>')
});