在其中声明带有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

您的报价已被破坏。在'内使用"，"内使用'，或转义引号。

$(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') )也可以。

Answer 2

您的引号是错误的。

此：

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

应该是：

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

如果你只想要双引号，你可以像这样逃避它们：

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