創建兩個HTML元素和一個嵌套在其他使用jQuery

Question

我想寫簡單地通過選擇不同的功能產生Twitter的引導風格元素的腳本。在這個例子中，我正在生成一個提交按鈕。

jQuery似乎允許渲染一個元素，但嵌套它們就像失敗一樣。

這種方法還有其他選擇嗎？

function renderButton(buttonText, buttonType, buttonName){ 
    if(buttonType == 'submit'){ 
     var $button = $('<input/>', { 
      'type' : 'submit', 
      'name' : buttonName, 
      'value' : buttonText, 
      'class' : 'btn submit' 
     }); 
    } 
    var $form_actions = $('<div/>', { 
     'class' : 'form-actions', 
     'text' : $button 
    }); 

    return $form_actions; 
}; 

renderButton('Go!', 'submit', 'buttonGo').insertAfter('#a'); 

Answer 1

通過你在這裏做它的時候：

var $form_actions = $('<div/>', { 
    'class' : 'form-actions', 
    'text' : $button 
}); 

return $form_actions; 

$按鈕擁有jQuery的元素（不只是一堆的HTML）。它不會直接將它分配爲text，但您可以像這樣追加它：

var $form_actions = $('<div/>', { 
    'class' : 'form-actions' 
}); 

$form_actions.append($button); 

return $form_actions;