無法使用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);