Javascript 动态创建引导按钮

是否可以动态创建引导按钮？我有一个文本文件，其中有一个项目列表，我将使用javascript创建一个数组。这就是我想要动态创建引导按钮的地方，这些项目是每个按钮中的文本。如果文本文件中有10项，则将创建10个按钮。有人能告诉我怎么做，或者给我指一些关于它的教程吗

编辑（现在可以创建按钮，但不包括检查按钮是否已创建的代码）：

createButtons（）：

$（函数（）{
$.ajax({
网址：'http://localhost:8080/SSAD/type.txt',
数据类型：“文本”，
成功：函数（filecontent）{
var lines=filecontent.split（'\n'）；
$.each（行，函数（）{
如果（这个！=''）{
var-word=这个；
word=word.toLowerCase（）.replace（/（？：| | |\b）（\w）/g，函数（str，p1）{返回p1.toUpperCase（）；}）；
if（$（'button:包含（“+word+”））。长度==0）{
变量按钮=“”+单词+“”；
$（“.crisisButtons”）.append（按钮）；
}
}
});
}
});
});

HTML:

点击我！

是。这很容易

textfile.txt

button1
button2
button3
button4
button5
button6
button7
button8
button9
button10

代码

因此，即使textfile.txt包含 按钮1 按钮2 按钮3 按钮3 按钮3 按钮3 按钮7 按钮8 按钮9 按钮10

---

将只创建一个按钮3。

感谢您的回复。是否可以检查按钮之前是否已创建，以便不再创建。示例：通过单击按钮创建按钮。所以，如果按钮2是以前创建的，如果我点击按钮来创建按钮，它不应该再次创建按钮2。什么不起作用？你必须明确。确定复制粘贴正确吗？我创建了一个按钮，用于根据文本文件中的项目创建按钮。它将再次创建相同的按钮列表。我也尝试在文本文件中添加多个类似的条目，它也会创建它们。唯一的区别是我的var按钮有一个按钮类型。这是不可能猜到的。显示您的代码（编辑问题）

<button type="button" class="btn btn-block btn-inverse" onclick="createButtons">Click me!</button>

<div class="crisisButtons"></div>

button1
button2
button3
button4
button5
button6
button7
button8
button9
button10

<div id="textfile-buttons"></div>

<script type="text/javascript">
$(document).ready(function() {
  $.ajax({
    url : 'textfile.txt',
    dataType : "text",
    success : function (filecontent) {
      var lines=filecontent.split('\n');
      $.each(lines, function() {
        if (this!='') {
          var button='<button class="btn btn-primary">'+this+'</button>&nbsp;';
          $("#textfile-buttons").append(button);
        }
      });
    }
  });
});
</script>

$.each(lines, function() {
  if (this!='') {
    //check if a button with "this" text not already exists
    if ($('button:contains("'+this+'")').length==0) {
      var button='<button class="btn btn-primary">'+this+'</button>&nbsp;';
      $("#textfile-buttons").append(button);
    }
  }
});