Как выполнять действия отдельно для каждого блока?

Question

[Владислав Калнаус]

Подскажите как решить задачу

<div class="main">

<div class="img_tovar">
<img src="" />
<div class="Opisanie"></div>
</div>

<div class="opisnieBtn">
<button>Смотреть</button>
</div>

</div>

<div class="main">

<div class="img_tovar">
<img src="" />
<div class="Opisanie"></div>
</div>

<div class="opisnieBtn">
<button>Смотреть</button>
</div>

</div>

Суть в том, что при нажатии кнопки смотреть нужно задействовать блок Описания, который ложится поверх картинки. Но когда я пишу код задействуется сразу на всех блоках, а не на каждом по отдельности

infoTovar(mainWrap)
    function infoTovar(info) {
        info.each(function(){
        var itemInfo = $(this);
            clickInfo = $('button');
            
        clickInfo.on('click', function(event){
           
            var IT = $(event.target);
            
            if () {
                $('.Opisanie').().show();
            }
            
        });    
            
        });
        

    }

Помогите решить проблему

Answer 1

[Bowen]

<article class="post">
	<header class="post__header">
		<h2 class="post__title">Title 1</h2>
	</header>
	<p class="post__desc">Lorem ipsum dolor sit amet, qui vivendo fierent et...</p>
	<footer class="post__footer">
		<button type="button" class="post__btn">Смотреть</button>
	</footer>
</article>
<article class="post">
	<header class="post__header">
		<h2 class="post__title">Title 2</h2>
	</header>
	<p class="post__desc">Lorem ipsum dolor sit amet, qui vivendo fierent et...</p>
	<footer class="post__footer">
		<button type="button" class="post__btn">Смотреть</button>
	</footer>
</article>

$(function(){
	$('.post').on('click', '.post__btn', function(e){
		$('.post__desc', e.delegateTarget).show();
	});
});