Aetae Есть в интернет-магазине форма, которая устанавливает стоимость товара в зависимости от выбранных пользователем атрибутов.
Мне нужно обратиться к блоку с классом price и поменять его месторасположение (в зависимости от условия). Проблема в том, что если смотреть через консоль, то видно, что <span class="price"><span class="amount">260.000 руб.</span> формируется через атрибут data-product_variations самой формы, т.е. блок, в котором он формируется <div class="single_variation"></div> - пустой, а если смотреть html-код страницы, то он там есть. Вопрос: как обратиться мне к блоку с классом .price, чтобы в дальнейшем с ним манипулировать? Как вы могли заметить - такой строчкой $this.find('.price') этого не получается сделать.
$('.product-frame').each(function() {
var $this = $(this);
var variations_form = $this.find('.variations_form');
console.log(variations_form.html());
$this.find('.price').css("top", (height + 32) + "px");
}
});
<!-- То, что видно в скрипте через консоль-->
<div class="product-frame">
<form class="variations_form cart" method="post" enctype="multipart/form-data" data-product_id="3351" data-product_variations="[{"variation_id":3354,"variation_is_visible":true,"variation_is_active":true,"is_purchasable":true,"display_price":260000,"display_regular_price":260000,"attributes":{"attribute_pa_size":"large"},"image_src":"","image_link":"","image_title":"","image_alt":"","price_html":"<span class=\"price\"><span class=\"amount\">260.000 руб.<\/span><\/span>","availability_html":"","sku":"PS101-1","weight":" kg","dimensions":"","min_qty":1,"max_qty":"","backorders_allowed":false,"is_in_stock":true,"is_downloadable":false,"is_virtual":false,"is_sold_individually":"no"},{"variation_id":3355,"variation_is_visible":true,"variation_is_active":true,"is_purchasable":true,"display_price":160000,"display_regular_price":160000,"attributes":{"attribute_pa_size":"medium"},"image_src":"","image_link":"","image_title":"","image_alt":"","price_html":"<span class=\"price\"><span class=\"amount\">160.000 руб.<\/span><\/span>","availability_html":"","sku":"PS101-2","weight":" kg","dimensions":"","min_qty":1,"max_qty":"","backorders_allowed":false,"is_in_stock":true,"is_downloadable":false,"is_virtual":false,"is_sold_individually":"no"},{"variation_id":3356,"variation_is_visible":true,"variation_is_active":true,"is_purchasable":true,"display_price":80000,"display_regular_price":80000,"attributes":{"attribute_pa_size":"small"},"image_src":"","image_link":"","image_title":"","image_alt":"","price_html":"<span class=\"price\"><span class=\"amount\">80.000 руб.<\/span><\/span>","availability_html":"","sku":"PS101-3","weight":" kg","dimensions":"","min_qty":1,"max_qty":"","backorders_allowed":false,"is_in_stock":true,"is_downloadable":false,"is_virtual":false,"is_sold_individually":"no"}]">
<div class="single_variation"></div>
</form>
</div>
<!-- Итог -->
<div class="product-frame">
<form class="variations_form cart" method="post" enctype="multipart/form-data" data-product_id="3351" data-product_variations="..">
<div class="single_variation"><span class="price"><span class="amount">260.000 руб.</span></span>
</div>
</div>
</form>
.product-frame {
position: relative;
}
.product-frame .price {
position: absolute;
top: 379px;
left: 10px;
}