javascript - 显示从 javascript 到 html 的循环

标签 javascript jquery html

我正在尝试使用 Jquery 将 JS 文件中的循环结果显示到 html 中。我该怎么做..

这是我的 html 代码

<!DOCTYPE html>
<html>
  <head>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/scripts2.js"></script>
    <title>Loops</title>
  </head>
  <body>
    <div class="container">
      <h1>Loops </h1>

        <div id="results"> Here is your loop!
          <p> <span class="loop"></span> </P>
        </div>
    </div>
  </body>
</html>

这是我的 JS 和 JQuery 代码

$(document).ready(function(){

var n = parseInt(prompt("Give me a number from '1':"));


  for (var i = 0; i < n; i++) {
    $(.loop).append(i);
  };

谢谢

最佳答案

您没有正确定位 .loop。应该是

$(".loop").append(i);

而不是

$(.loop).append(i);

FIDDLE

关于javascript - 显示从 javascript 到 html 的循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27930613/

相关文章:

javascript - 嵌套 Promise 链是否被视为反模式?

javascript - 默认选中的单选按钮不会在更改选择时更改选中的属性

javascript - 使用 javascript/css 的气泡爆炸动画

php - 我需要在我的服务器上做一些特殊的事情才能在书签上运行 jQuery.getJSON 吗?

php - 我如何在不建立链接的情况下回显 '<a>'?

javascript - 使用 document.getElementsByTagName 找不到动态添加的元素(IE6)

jquery - 将 css 悬停转换为 jquery 悬停

javascript - jQuery Validate Plugin - 触发单个字段的验证

HTML5 视频背景仅响应位置 :fixed; however I don't want it to scroll with the page

php - 如何识别向 jQuery 发送值的按钮的 ID