0

Как можно с помощью jquery заполнить квадратиками допустим: 20*20 любой блок по высоте + ширине? Знаю что надо использовать циклы, но как пока не могу додумать, помогите решить вопрос если сталкивались с таким)

3
  • Чем background-image не угодил?
    – borodatych
    Commented 1 апр. 2016 в 12:22
  • 1
    Что вы уже пробовали сделать? Что именно не получилось? Commented 1 апр. 2016 в 18:37
  • Участники сообщества не занимаются написанием кода по заявкам, а только помогают решить конкретные проблемы, связанные с имеющимся кодом.
    – Risto
    Commented 1 апр. 2016 в 18:48

1 ответ 1

0

Просто побаловался, как раз решение вашей задачи на js

$(function() {
  var div = $('.div');
  for (var i = 0; i < 20; i++) {
    (function(i) {
      setTimeout(function() {
        div.append('<div></div>');
        div.find('div:last').css('backgroundColor', color());
      }, 50 * i);
    })(i)
  }

  function color() {
    var arr = ["#66FF99", "#33FF99", "#00FF99", "#33CC66", "#00CC66"];
    var rand = Math.floor(Math.random() * arr.length);
    return arr[rand];
  }
});
div.div {
  width: 100px;
}
div.div > div {
  width: 20px;
  height: 20px;
  background-color: red;
  float: left;
  margin: 1px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div"></div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.