如何更改随机元素高度

Question

这是我的循环：

var i=0;
while( i++ < 100) {
  $( "#container" ).append('<li id="li' + i + '" class="item image"></li>');
  var y = Math.floor(Math.random() * 200) + 100;
  $('#li' + i).css({
      height: y,
  });
}

这在某种程度上做了我需要它做的事情。它找到 #container 元素并将 100 个列表项放入其中，并为它们提供不大于 300 的随机高度。

我真正需要它做的是两件事：

我需要它来定位 "ul" #container 元素，然后定位已经的 "li" 元素并更改ids to id="li1", id="li2", id="li3", etc 可能使用 attr('id', 'li' + i) 并给他们一个随机身高.
我需要它们的最小高度为 200 像素。

我如何使用循环执行此操作？我对 jQuery 还是个新手，所以请原谅我的无知。

Answer 1

简单地检查列表中的li个元素是否多于i的当前值，如果有，则更新相应的元素而不是创建一个新元素。

var i=0;
while( i++ < 100) {
    if ($('#container > li').length > i - 1) $('#container > li').eq(i - 1).attr('id', 'li' + i);
    else $( "#container" ).append('<li id="li' + i + '" class="item image"></li>');
    var y = Math.floor(Math.random()* 101 + 200); //Always gives an integer between 200 and 300
    $('#li' + i).css({
        height: y,
    });
}

如何更改随机元素高度

How to change random element heights

javascript

random

jquery

height