我正在通过 Javascript 添加一个简单的切换按钮。然后我想在其中添加三个 span 标签。

因此，我正在创建 span 变量并尝试将其附加到我们自己的基本 FOR 循环中。迭代次数为 3 次。

下面是我的基本代码。请告诉我缺少或放错了什么，导致我的 span 标签拒绝多次附加。我在检查模式下检查了这一点。

然后，我打开控制台选项卡， i 的值为 3。附加意味着 附加 而不是 替换 元素。对吗？

var $navbar_header = $('<div class="navbar-header"></div>');

var $button = $("<button></button>");
var $span = $('<span class="icon-bar"></span>');

for (var i = 0; i < 3; i++) {
   $button.append($span);
 }

$button.addClass('navbar-toggle');
$navbar_header.append($button);
$("#menu").append($navbar_header);

这是指向 fiddle 的 链接 。