Невозможно получить элементы/свойства из тега класса с помощью jquery

Question

Im довольно новичок в jquery, поэтому, если это не имеет смысла, то позвольте мне попытаться объяснить.

В настоящее время у меня есть раздел, в котором при нажатии на текст он будет создавать новую строку и заполнять кнопку «по умолчанию». Проблема, с которой я сталкиваюсь, - каждый раз, когда я нажимаю на нее, она заполняется пустым элементом (см. «Результат im get»), а не сама кнопка (см. «Что я хочу, чтобы она была»).

Я приложил свой код, был бы очень признателен за любую помощь.

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);