用html聲明一個變量，並通過使用.insertAfter插入變量

Question

我想知道我是否可以聲明html作爲變量。換句話說，這樣的事情：

$(document).ready(function(){ 

    var Bold="Yes! There is bold in the text above!!"; 
    var NoBold="No... There isn't any bolded text in the paragraph above.."; 
    var BoldButton="<input class="BoldButton" type="button" value="bold" id="WelcomeBoldButton">"; 

    $(BoldButton) 
    .insertAfter('#intro'); 

}); 

，然後使用.insertAfter動作，把它放到我的網頁在不同的時間間隔：

$(BoldButton).insertAfter(#'intro'); 

這似乎並沒有工作，我是接近的東西雖然？

Answer 1

您的引號錯誤。

此：

$(BoldButton).insertAfter(#'intro'); 

應該是：

$(BoldButton).insertAfter('#intro'); 

如果你想只有雙引號，你能逃脫他們是這樣的：

var BoldButton="<input class=\"BoldButton\" type=\"button\" value=\"bold\" id=\"WelcomeBoldButton\">"; 

Answer 2

你的報價被打破。在","之內使用'或'，或者跳過引號。

$(document).ready(function(){ 

    var bold="Yes! There is bold in the text above!!"; 
    var noBold="No... There isn't any bolded text in the paragraph above.."; 
    var $button = $("<input class='BoldButton' type='button' value='bold' id='WelcomeBoldButton'>"); 
    $('#intro').after($button); 
}); 

$button.insertAfter($('#intro'))也可以工作。