无法使用jquery从类标签中获取元素/属性

Question

对于jquery，我相当新手，所以如果这没有多大意义，那么让我试着解释一下。

我目前有一个部分，当我点击文本时，它会创建一个新行并填充一个“默认”按钮。我遇到的问题是每当我点击它时，它都会填充一个空白元素（请参阅“结果即时获取”），而不是按钮本身（请参阅“我想要的内容”）。

我附上我的代码，非常感谢任何帮助。

var row = $("<DIV></DIV>").addClass("row resource").attr("resource", "new"); 
var label = $("<SPAN></SPAN>").addClass("label imaged").text("New resource"); 
label.append($("<SPAN>&nbsp</SPAN>").addClass("defaultJobType").attr("title", "defaultJobType")); 

<SPAN class="defaultJobType"><input id = "setDefaultJobType" type="submit" name="Default" value="Set Default"/>&nbsp</SPAN> 

结果即时得到

<span class="defaultJobType" title="defaultJobType">&nbsp;</span> 

什么，我想这是

<span class="defaultJobType"><input id="setDefaultJobType" type="submit" name="Default" value="Set Default">&nbsp;</span> 

Answer 1

做以下，

var row = $("<DIV></DIV>").addClass("row resource").attr("resource", "new"); 

var label = $("<SPAN></SPAN>").addClass("label imaged").text("New resource"); 
var spanEl = $("<SPAN>&nbsp</SPAN>").addClass("defaultJobType"); 
spanEl.append($("<input id = 'setDefaultJobType' type='submit' name='Default' value='Set Default'/>"));   

label.append(spanEl);