const elemsparents = document.querySelectorAll('.product__imagewrapper')
elemsparents.forEach((elemsparent) => {
const elems = elemsparent.querySelectorAll('.product__image-small')
const expandImg = elemsparent.querySelector(".expandedImg");
elems.forEach((elem) => {
elem.onclick = function () {
expandImg.src = elem.src;
expandImg.parentElement.style.display = "block";
// expandImg.src = elems.src;
// expandImg.parentElement.style.display = "block";
};
})
})
тогда вот тут у парента можно выбирать, если уже выбрал парента
const elems = elemsparent.querySelectorAll('.product__image-small'), только теперь не понятно зачем сначала парентов выбирать, опиши задачу. Я её пока так понял: есть несколько элементов с одинаковым классом, прин клике по любому из них вызываем функцию. Так?
const elemsparents = document.querySelectorAll('.product__imagewrapper')
elemsparents.forEach((elemsparent) => {
const elems = elemsparent.querySelectorAll('.product__image-small')
const expandImg = document.querySelector(".expandedImg");
elems.forEach((elem) => {
elem.onclick = function () {
expandImg.src = elem.src;
expandImg.parentElement.style.display = "block";
};
})
})
const elemsparents = document.querySelectorAll('.product__imagewrapper')
elemsparents.forEach((elemsparent) => {
const elems = document.querySelectorAll('.product__image-small')
elems.forEach((elem) => {
elem.onclick = function () {
alert('Спасибо');
};
})
})
function myFunction(imgs) {
const elems = document.querySelectorAll('.product__image-small')
var expandImg = document.querySelector(".expandedImg");
elems.forEach((elem) => {
expandImg.src = imgs.src;
expandImg.parentElement.style.display = "block";
})
}
<div class="product__imagewrapper">
<div class="product__image">
<img class="product__image-small" src="images/universal_500.png" alt="500 мл" onclick="myFunction(this);">
<img class="product__image-small" src="images/universal_500-1.png" alt="500 мл" onclick="myFunction(this);">
<img class="product__image-small" src="images/universal_500-2.png" alt="500 мл" onclick="myFunction(this);">
</div>
<img class="product__image-big expandedImg" src="images/universal_500.png" id="expandedImg" >
</div>
<div class="product__image">
<img class="product__image-small" src="images/universal_500.png" alt="500 мл" onclick="myFunction(this);">
<img class="product__image-small" src="images/universal_500-1.png" alt="500 мл" onclick="myFunction(this);">
<img class="product__image-small" src="images/universal_500-2.png" alt="500 мл" onclick="myFunction(this);">
</div>
<img class="product__image-big expandedImg" src="images/universal_500.png" id="expandedImg" >
<div class="product__image">
<img class="product__image-small" src="images/universal_1.png" alt="1 л" onclick="myFunction(this);">
<img class="product__image-small" src="images/universal_1-1.png" alt="1 л" onclick="myFunction(this);">
<img class="product__image-small" src="images/universal_1-2.png" alt="1 л" onclick="myFunction(this);">
</div>
<img class="product__image-big expandedImg" src="images/universal_1.png" id="expandedImg" >
$filecsv = 'urls.csv';
$data_array = array();
$row = 1;
if (($handle = fopen($filecsv, "r")) !== FALSE) {
while (($data = fgetcsv($handle, 1000, ";")) !== FALSE) {
$row++;
$data_array[$data[0]] = $data[1];
}
fclose($handle);
}
$replacements = $data_array;
$string = htmlspecialchars($_POST["input"]);
$string = str_replace(array_keys($replacements), array_values($replacements), $string);
$row = 1;
if (($handle = fopen($filecsv, "r")) !== FALSE) {
while (($data = fgetcsv($handle, 1000, ";")) !== FALSE) {
//$data_array[$data['name']] = $data['value'];
$num = count($data);
echo "<p> $num полей в строке $row: <br /></p>\n";
$row++;
for ($c=0; $c < $num; $c++) {
echo $data[$c] . " => \n";
}
}
fclose($handle);
}
$csv = array();
$lines = file('urls.csv', FILE_IGNORE_NEW_LINES);
foreach ($lines as $key => $value)
{
$csv[$key] = str_getcsv($value);
}
Array
(
[0] => Array
(
[0] => https://site.ru/e4.html;https://newsite.ru/e4
)
[1] => Array
(
[0] => https://site.ru/pro/avr.html;https://newsite.ru/pro/avr
)
[2] => Array
(
[0] => https://site.ru/pro/bet.html;https://newsite.ru/pro/bet
)