1

Нужно посчитать количество .romb и для каждого создать отдельный div.

<div class="rombs">
    <div class="romb1"></div>
    <div class="romb2"></div>
    <div class="romb3"></div>
    <div class="romb4"></div>
    <div class="romb5"></div>
</div>
3
  • что за разметка в вопросе? исходная или которая должна в итоге получиться?
    – Grundy
    16 авг 2017 в 11:18
  • 1
    Понятнее опишите вопрос , и что должно быть на выходе (создать отдельный div (куда..))
    – MoJlo4HuK
    16 авг 2017 в 11:20
  • А зачем их считать надо? Какая конечная цель?
    – Dmitry B.
    16 авг 2017 в 11:37

1 ответ 1

2

Считаем кол-во блоков и внутри каждого помещаем div:

var rombs = $('.rombs [class^="romb"]');
var rombsNum = rombs.length;

$.each(rombs, function(index, val) {
  $(this).html('<div></div>');
});
    
alert('Кол-во: ' + rombsNum);
.rombs > div {
  width:50px;
  height:50px;
  float:left;
  margin: 10px;
  background: red;
}
.rombs div div {
  width:30px;
  height:30px;
  margin:10px;
  background:green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="rombs">
    <div class="romb1"></div>
    <div class="romb2"></div>
    <div class="romb3"></div>
    <div class="romb4"></div>
    <div class="romb5"></div>
</div>

3
  • 1
    твой код можно упростить до: $('.rombs [class^="romb"]').html('<div></div>'});
    – Grundy
    16 авг 2017 в 11:32
  • @Grundy, да, можно и так. Только там опечатка, } лишняя.
    – Dmitry B.
    16 авг 2017 в 11:39
  • Да, от другого варианта осталось
    – Grundy
    16 авг 2017 в 11:40

Ваш ответ

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

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