Question

请告诉我这个问题的解决方案。我正在使用for循环创建5个动态div s及其id s。我想得到循环计数器值和每个创建的div的html格式为“counter：html”，如1:123。现在我只得到循环计数器值。

<html>
<div id="feed"></div>

</html>
<script>
  for (var i = 1; i <= 5; i++) {
    $('#feed').append('<div id="news' + i + '" value='
      123 '/>');



    var abc = $("#news" + i).attr("value");
    console.log(abc);
  }
</script>

提前致谢。

Answer 1

根据更新的问题更新答案。此代码适合您。试一试。

for (var i = 1; i <= 5; i++) {
    $('#feed').append('<div id="news' + i + '">'+ i +': Test</div>');
}

但是我再次告诉你不要使用价值标签，你已经将你的计数器放入id中，如果你愿意，可以把它分开。

enter image description here

干杯!!

Answer 2

请勿使用id使用class
'<div id="news' + i + '" value='123'/>'应为'<div class="news">123</div>'
使用.html()而非.attr("value")

for (var i = 0; i <= 4; i++) {
  $('#feed').append('<div class="news">123</div>');

  var abc = $('.news').eq(i).html(); // gets the html of the div with the class "news" at the index supplied by `i`, keep in mind that arrays are 0 based so 0 is the first, 1 is the second....
  console.log((i+1)+':'+abc);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="feed"></div>

Answer 3

试试这个。

$(document).ready(function() {
  for (var i = 1; i <= 5; i++) {
    $('#feed').append('<div id="news' + i + '" value="123"></div>');

    //and I want to get the value of dynamic created div using this code but I am getting only the loop counter value. Please help me to get this answer.

    var abc = $("#news" + i).attr('value');
    console.log(abc + " : " + i);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<html>
<div id="feed"></div>

</html>

Answer 4

这段代码甚至对我不起作用，但这样做：

for (var i = 1; i <= 5; i++) {
$('#feed').append('<div id="news' + i + '" value="123"/>');
var abc = $("#news" + i).attr("value");
console.log(abc);}

我只是更改了值=＆＃39; 123＆＃39;的单引号。引用双引号：value =＆＃34; 123＆＃34;。

Answer 5

您正在使用public class RouteConfig { public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapMvcAttributeRoutes(); routes.MapRoute( name: "Default", url: "{controller}/{action}/{id}", defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } ); } }。您无法在多个id上使用id，因此您需要使用divs。

Answer 6

不太确定您想要什么，div标记不应该具有值属性，如果您想要添加定义的属性，请使用data-my_attribute。在你的代码中，除了这段代码外，一切都很好：

更改此内容：

$('#feed').append('<div id="news' + i + '" value='123'></div>');

进入：

$('#feed').append('<div id="news' + i + '" value="123"></div>');

如何在for循环

6 个答案: