andrey8501,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
addEventListener('click', ({target}) => {
if(target.closest('.button')) {
const parent = target.closest('.item'),
div = parent.querySelector('.pr-name'),
text = div.textContent;
//document.querySelector('#modal [type="hidden"]').value = text;
document.querySelector('#modal [name="article"]').value = text;
}
})
</script>
</head>
<body>
<div class="item">
<div class="pr-name">товар 1</div>
<div class="pr-img"><? echo = $img; ?></div>
<div class="pr-price"><? echo = $price; ?></div>
<button class="button" type="button" >Купить в 1 клик</button>
</div>
<div class="item">
<div class="pr-name">товар 2</div>
<div class="pr-img"><? echo = $img; ?></div>
<div class="pr-price"><? echo = $price; ?></div>
<button class="button" type="button" >Купить в 1 клик</button>
</div>
<div class="item">
<div class="pr-name">товар 3</div>
<div class="pr-img"><? echo = $img; ?></div>
<div class="pr-price"><? echo = $price; ?></div>
<button class="button" type="button" >Купить в 1 клик</button>
</div>
<div id="modal">
<form>
<input type="text" name="article"/>
<input type="text" name="Имя"/>
<input type="text" name="Телефон"/>
</form>
</div>
</body>
</html>