for循环创建按钮jquery或javascript_Javascript_Loops_Button

for循环创建按钮jquery或javascript

javascript loops button

for循环创建按钮jquery或javascript,javascript,loops,button,Javascript,Loops,Button,我很难通过循环来动态创建按钮。我对这方面还不太熟悉，所以我不知道我哪里出了问题。这是我到目前为止所拥有的。有什么建议吗 <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src='http://code.jquery.com/jquery-2.1.3.min.js'></script> <script

我很难通过循环来动态创建按钮。我对这方面还不太熟悉，所以我不知道我哪里出了问题。这是我到目前为止所拥有的。有什么建议吗

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src='http://code.jquery.com/jquery-2.1.3.min.js'></script>
<script type="text/javascript"></script>
<script src="giphy.js"></script>
</head>
<body>
  <div id="buttonDiv"></div> 
  <div id="gifsAppearHere"></div> 
   </body>
   </html>


 var topics = ['bikram', 'yoga', 'vegan', 'vegetarian','nutrition', 'exercise', 'pilates','calisthenics', 'ashtanga', 'vinyasa', 'utkatasana']
 for (var i = 0; i < topics.length; i++) { 
     var buttons = $('<button>'+ topics.text + '</button>') 
     buttons.append('topics'); 
}


文件
var主题=[“比克拉姆”、“瑜伽”、“素食者”、“素食者”、“营养”、“运动”、“普拉提”、“健美操”、“阿斯坦加”、“维尼娅萨”、“乌塔萨纳”]
对于（var i=0；i

再次查看文档。你用过，但你想要（容易犯错误）

append

将作为参数传递的对象附加到调用它的对象上

appendTo

将调用它的对象附加到作为参数传递的对象上

还请注意，选择器

“topics”

查找标记名为

topics

的元素，例如

…

。您可能打算使用类选择器（

“.topics”

）或ID选择器（

“#topics”

）

您还使用了

topics.text

，我认为您的意思是

topics[I]

（简化问题代码时可能出现错误）

例如：

var topics=[“比克拉姆”、“瑜伽”、“素食主义者”、“素食主义者”、“营养”、“运动”、“普拉提”、“健美操”、“阿斯坦加”、“维尼亚萨”、“乌塔萨纳”]
对于（var i=0；i


使用内联代码

var-pages=[“比克拉姆”、“瑜伽”、“素食者”、“素食者”、“营养”、“运动”、“普拉提”、“健美操”、“阿斯坦加”、“维尼亚萨”、“乌塔萨纳”]；
var pageButtons=$（“#pageButtons”）；
对于（变量i=0；i

我不完全确定您想做什么，但我想这就是我编写代码的方式。这将在正文中附加11个带有名称的按钮
我希望这有帮助
var topics = ['bikram', 'yoga', 'vegan', 'vegetarian', 'nutrition','exercise', 'pilates','calisthenics', 'ashtanga', 'vinyasa', 'utkatasana'];
for (var i = 0; i < topics.length; i++) { 
    var button = $('<button>'+ topics[i] + '</button>') 
    $('.div-with-btns').append(button); /*div that holds your btns*/ 
} 

var-topics=[“比克拉姆”、“瑜伽”、“素食者”、“素食者”、“营养”、“运动”、“普拉提”、“健美操”、“阿斯坦加”、“维尼亚萨”、“乌塔萨纳”]；
对于（var i=0；i
您也可以发布您的html吗？您刚刚创建了按钮。。。。现在您需要将该元素附加到任何dom元素中…如果您也发布了html，这将非常有帮助。请明确指定您正在尝试执行的操作以及“出错”的确切含义。html已发布。非常感谢。