Javascript 正在尝试为div id添加变量。是否可能？_Javascript_Jquery

Javascript 正在尝试为div id添加变量。是否可能？

javascript jquery

Javascript 正在尝试为div id添加变量。是否可能？,javascript,jquery,Javascript,Jquery,我试图在体内使用变量。请参见下面的示例代码 <body> <div class="demo"> <script> var count = 4; for(i=1;i<=count;i++){ var varSlid = "A"+i; $('.demo').append('<div id= varSlid ></div></br>');

我试图在体内使用变量。请参见下面的示例代码

<body>
 <div class="demo">
     <script>
     var count = 4;
      for(i=1;i<=count;i++){
          var varSlid = "A"+i;
          $('.demo').append('<div id= varSlid ></div></br>');
      }
     </script>
</div>
</body>


var计数=4；
对于（i=1；i试试这个
$('.demo').append($('div').attr('id', varSlid)).append('<br/>');

试试这个
var varSlid = "A"+i;
          $('.demo').append('<div id= ' + varSlid  + '></div></br>');

var=“A”+i；
$（'.demo'）.append（'
'）；
更改：$（'.demo'）。追加（'
）；
到：$（'.demo'）。追加（'
'）；
错误在于。demo尚未完成解析，因此您不应该尝试对其进行操作。这可能会在旧版本的IE（，任何人？）中造成严重问题。请将脚本移到
标记之外：
<body>
<div class="demo">
</div>
<script>
     var count = 4;
      for(var i=1;i<=count;i++){
          var varSlid = "A"+i;
          $('.demo').append('<div id='+varSlid+'></div><br/>');
      }
</script>
</body>


var计数=4；
对于（var i=1；i它是：$（'.demo'）。append（'
'）；
可能是我缺少jQuery fu…但不应该是
吗
另外，您不应该创建4个元素
，因为id
属性应该是唯一的
Edit:您可能打算使用变量varslide
的值作为id
属性，但现在它是硬编码字符串文字的一部分。您可能希望类似于：
$('.demo').append('<div id="'+varSlid+"'></div><br/>');

$（'.demo'）.append（'我不太清楚OP的原始问题，但这符合标题
HTML5有一个data-*属性，其中*表示您的数据


var jsVersionData=''；//例如，创建一个全局变量
jsVersonData=document.getElementById（“存储变量”）；//从div获取变量
var myStr=jsVersonData.dataset.stored；//变量
var myInt=Number（myStr）；//将变量转换为int
警报（myInt+1）；
这不是一个有效的javascript声明。你到底想做什么？@user399426-你可以通过将文章中的代码块缩进4个空格来格式化它们。告诉我们错误消息是什么怎么样的？你可以试着告诉我们你得到的错误是什么。或者我们应该猜测吗？欢迎你这么说。你有很好的答案下面是。如果他们中的任何人帮助您或回答了您的问题，您应该将其投票并/或将其设置为已接受的答案。这会奖励回答您问题的人，并且您在这个过程中都会获得一点代表性。varslide应该在每个循环中分配一个新值。问题是它被用作常规字符串而不是变量anks，我错过了！这就是我在早上喝咖啡之前回答SO问题时得到的结果；）谢谢大家。它工作得很好。我会实施你的宝贵建议suggestions@user399426-…如果它工作正常，那么您可能应该接受答案？如果您需要答案中没有的解决方案，您可以编写自己的答案并接受它！
$('.demo').append('<div id="'+varSlid+"'></div><br/>');

<!DOCTYPE html> <!--declare we are using HTML5-->
<html>
<head>
  <script>
    var jsVersionData = ''; //create a global variable for example simplicity
  </script>
</head>
<body>
  <div id="stored-variable" data-stored="7">
    <script> 
      jsVersonData =  document.getElementById("stored-variable");  //get the variable from the div
    </script>  
  </div>

  <script>
    var myStr = jsVersonData.dataset.stored;  // the variable
    var myInt = Number(myStr);                // convert the variable to int
    alert(myInt + 1);
  </script>
</body>
</html>