Как сделать чтобы выбор элемента block был только среди элементов внутри родителя box, а не среди всех элементов box на странице?
jQuery('.block').click(function(e) {
jQuery(this).addClass('active');
jQuery('.block').not(this).removeClass('active');
});
.box{
display: flex;
margin-bottom: 50px;
}
.block{
cursor: pointer;
width: 100px;
height: 100px;
display: block;
border: 1px solid blue;
margin: 0 10px;
}
.block.active{
background-color: blue;
}
<div class="box">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>
<div class="box">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>