Как выбрать каждый n-элемент?

Понятно, что :nth-child, но нужна помощь именно с формулой. Тут то не каждый 2 или 3, или не через определённое кол-во элементов

Как выбрать каждый n-элемент?

Понятно, что :nth-child, но нужна помощь именно с формулой. Тут то не каждый 2 или 3, или не через определённое кол-во элементов

Как вставить блок между другими?

Vadim, Спасибо!

Как вставить блок между другими?

Может сделать так ?

<div id="content">
        <div class="container">
            <div class="row">
<!--Тут остальное-->
</div>
</div>
</div>
 <div class="products" style="width:100%">
<?php foreach ($products as $product) { ?>
<div class="product-layout"></div>
<?php } ?>
</div>

И каждый 12 оборачивать в c помощью js

Как вставить блок между другими?

Но как это сделать, если у меня выводятся блоки <div class="product-layout"></div обработкой массива:

<div id="content">
    <div class="products">
        <div class="container">
            <div class="row">
<?php foreach ($products as $product) { ?>
<div class="product-layout"></div>
<?php } ?>
</div>
</div>
</div>
</div>

Как считать сумму товаров jQuery?

AngReload, Да. Спасибо!

Как считать сумму товаров jQuery?

AngReload, Это я сделал. А как из price-tires отнимать price-new-product product--p когда quant становится
меньше.

Это умножение

var $priceP = parseInt($('.product--p').text());

$('.count-up').click(function () {
$input.val(parseInt($input.val()) + 1);
$input.change();
$('.price-tires').text($priceP * $input.val());
return false;
});

Как считать сумму товаров jQuery?

AngReload, Да. И при изменении quant. У нас изменяется price-tires .

Как считать сумму товаров jQuery?

AngReload, Нужно отнимать цену от общей, при нажатии на кнопку count-down. Но также, если уже значение самого счетчика товаров = 1, то мы ничего не отнимаем. Допустим у нас 3 таких товара на сумму 10500 и мы нажали на кнопку count-down и сумма товаров уже 7000.

Пытался так, но так не получается

if ($input.val() > 1) {
    $('.price-tires').text($priceP / $input.val());
};

Как считать сумму товаров jQuery?

AngReload, А как быть с вычислением ?
Вот сделал с умножением.

var $priceP = parseInt($('.product--p').text());

$('.count-up').click(function () {
$input.val(parseInt($input.val()) + 1);
$input.change();
$('.price-tires').text($priceP * $input.val());
return false;
});

Как считать сумму товаров jQuery?

ProjectSoft, И плюс отнимать нужно только до начальной цены, чтобы 0 не получался.

Как считать сумму товаров jQuery?

ProjectSoft, Это понятно, запутался как прибавлять каждый раз и как отнимать.

Как сверстать этот элемент?

Но, не уверен, насколько это правильно

Как сверстать этот элемент?

Да, сделал по твоему способу, только немного по другому.

<div class=block1">
  <div class="redBlock">
  </div>
  <div class="fakeBlock" style="backround: url(/1.png)"></div>
</div>

.redBlock {
width: 50px;
height: 100px;
}
.fakeBlock {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 99999px;
}

Как проверить наличие двух элементов jquery?

Воспользовался вашим кодом. Спасибо!

Как проверить наличие двух элементов jquery?

Спасибо большое! Я могу расположить этот код после другого условия ? Точнее вот такая конструкция, как у меня сейчас, правильна будет ?

$(document).ready(function() {
if() {
//Создаём special-price--stiker
};
$(".product-layout.product-list").each(function() {
  var $container = $(this);
  if ($container.find(".special-new--stiker, .special-price--stiker").length === 2) {
    $container.addClass(".two-stikers");
  }
});
});

Как проверить наличие двух элементов jquery?

У меня до этого выполняется условие, которое и создаёт special-price--stiker. Как выполнить это условие после него ? Подскажите, если не трудно.

Как проверить наличие двух элементов jquery?

Добавил общий класс special-stiker, но код не работает.
Вот js код:

$('.product-layout').each(function() {
       var $this = $(this);
       if ($this.find('.special-stiker').length === 2) {
          $this.addClass('two-stikers');
       }
    });

Как проверять у каких элементов есть дочерние элементы?

Если не трудно, можете подсказать, почему не работает. При условии, что есть .special-new--stiker и .special-price--stiker, я добавляю класс к product-layout. Но он добавляется ко всем code lang="html">product-layout, если у них есть special-new--stiker, а не только к тем, у кого есть .special-new--stiker и .special-price--stiker.

Вот js код:

$('.product-layout').has('.special-new--stiker').each(function() {
  if ($(this).has('.special-price--stiker')) {
      $(this).addClass('two-stikers');
  }
})

Нужно, что получилось так:

<div class="product-layout product-list">
<span class="special-new--stiker">NEW</span>
<!--содержимое-->
</div>
<div class="product-layout product-list two-stikers">
<span class="special-new--stiker">NEW</span>
<span class="special-price--stiker">Второй элемент</span>
<!--содержимое-->
</div>
<div class="product-layout product-list">
<span class="special-new--stiker">NEW</span>
<!--содержимое-->
</div>
<div class="product-layout product-list">
<span class="special-price--stiker">Второй элемент</span>
<!--содержимое-->
</div>

Как проверять у каких элементов есть дочерние элементы?

А если у меня есть элементыspecial-new--stiker и их родители product-layout. Но в этом случае у родителя есть ещё один элементspecial-price--stiker. И мне надо уже выполнять условие тогла, когда у родителя есть только эти два элемента. Как это сделать ?

Пытался сделать так, но класс добавляется ко всем special-new--stiker

$('.product-layout').each(function(){
        if($(this).has('.special-price--stiker')) {
            $('product-layout').children('.special-new--stiker').addClass('two-stikers');
        }
});

html код получается такой:

<div class="product-layout product-list">
<span class="special-new--stiker">NEW</span>
<!--содержимое-->
</div>
<div class="product-layout product-list">
<span class="special-new--stiker">NEW</span>
<span class="special-price--stiker">Второй элемент</span>
<!--содержимое-->
</div>
<div class="product-layout product-list">
<span class="special-new--stiker">NEW</span>
<!--содержимое-->
</div>
<div class="product-layout product-list">
<span class="special-new--stiker">NEW</span>
<!--содержимое-->
</div>