|
Сообщение от firsmember
|
|
тоже самое только на jQuery ?
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div>.price-hidden-items {
border: 1px red solid;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function() {
$("div > .price-section__list:nth-child(6)").each((_, e) => {
$(e).nextAll().add(e).wrapAll("<div class='price-hidden-items'></div>")
})
});
</script>
</head>
<body>
<div id="blblblb1">
<div class="price-section__list">
<div class="price-item">1</div>
</div>
<div class="price-section__list">
<div class="price-item">2</div>
</div>
<div class="price-section__list">
<div class="price-item">3</div>
</div>
<div class="price-section__list">
<div class="price-item">4</div>
</div>
<div class="price-section__list">
<div class="price-item">5</div>
</div>
<div class="price-section__list">
<div class="price-item">6</div>
</div>
<div class="price-section__list">
<div class="price-item">7</div>
</div>
</div>
<div id="blblblb2">
<div class="price-section__list">
<div class="price-item">1</div>
</div>
<div class="price-section__list">
<div class="price-item">2</div>
</div>
<div class="price-section__list">
<div class="price-item">3</div>
</div>
<div class="price-section__list">
<div class="price-item">4</div>
</div>
<div class="price-section__list">
<div class="price-item">5</div>
</div>
<div class="price-section__list">
<div class="price-item">6</div>
</div>
</div>
</body>
</html>