我刚开始使用 JavaScript，我的同事向我介绍了 jQuery。现在我正在测试如何利用我声明的变量在运行时创建进度条，但我不知道如何创建 <div>。与其各自的计数器以及用于为进度条设置动画的 CSS。
请检查变量counter2因为它被视为字符串而不是其内部值。
我希望这对每个人都有意义，感谢您检查此项目。
function clickme2(){
var values1 = [40,30];
for (counter2 = 0; counter2 <= 1; counter2++) {
var css =$(".progressbar[counter2]{height: 20px; background: #4169E1; width: 0; text-align: center; border: 1px;} ")
$("head").append(css)
var div =$("<br> <p id = progressnum>this is a progress bar [counter2]</p><div class = 'pp'><div class='progressbar[counter2]'> </div></div>");
$("body").append(div);
$('.progressbar').animate(
{
width: values1[counter2] + "%"
},
{
duration: 500
}
);
}
}<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<style type='text/css'>
</style>
<body>
<br>
<button id="add" onclick="clickme2()">Add</button>
<br>
<script>
//refer to my javascript code
</script>
</body>
</html>最佳答案
要在字符串中使用变量，您要么必须连接它，要么使用模板文字。如果您只是将它放在一个字符串中，它将被视为一个字符串，因为这就是 javascript 的设计方式。
//concatenation
var x = 'me';
var aString = 'Please say hello to '+ x;
//template literal
var x = 'me';
var aString = `Please say hello to ${x}`;
关于javascript - 在创建新对象时使用 JavaScript 中的数组值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51749606/