jquery - jquery表单标签？他们不存在吗？

Question

我正在创建一个动态输入元素，我想为它设置标签......我尝试了很多东西......

//get the value from the input
var getValue = $('#newField').val(); 

//create new input and set default value
var newField = document.createElement("input");
    newField.setAttribute("type", "text");
    newField.setAttribute("name", "s[x]np");
    newField.setAttribute("id", "sx");
    newField.setAttribute("class", "st form-text");
    newField.setAttribute("value", getValue);

$('#addithere').append(newField);

//I've tried all of the following:
newField.prepend("Label");
...

newField.before("Label");
...

$('#sx').prepend("Label");
...

$('#sx').before("Label");
...

var secondItem = "Section: "+newField;
$('#addithere').append(secondItem);

Answer 1

$('#sx').prepend("标签");

这不是创建新标签元素的正确语法。你应该使用这样的东西：

$('#sx').prepend($('<label/>'));

Answer 2

为什么不试试$(newField).before('<label>Your label</label>');？

---

编辑：也许你没有$(document).ready(function(){....}); 我试过你的代码，没有这个 - 它不起作用......但是有了它，它起作用了！

$(document).ready(function(){
var getValue = $('#newField').val();
var newField = document.createElement("input");
newField.setAttribute("type", "text");
newField.setAttribute("name", "s[x]np");
newField.setAttribute("id", "sx");
newField.setAttribute("class", "st form-text");
newField.setAttribute("value", getValue);

$('#addithere').append(newField);
$(newField).before('<label>Label</label>');
var secondItem = "Section: "+newField;
$('#addithere').append(secondItem);
});