Если у вас есть несколько DIV элементов с одинаковым классом и вам нужно динамически добавить к каждому из них уникальные ссылки без использования идентификаторов, вы можете сделать следующее, используя JavaScript:
1. Получите все элементы с данным классом.
2. Используйте цикл (например, `forEach`), чтобы пройтись по всем этим элементам.
3. Внутри цикла получите данные для URL из вашего JSON.
4. Создайте ссылку (`<a>` элемент) и установите ей необходимый `href` на основе данных JSON.
5. Добавьте созданную ссылку к каждому `div` элементу.
Ниже приведен пример кода, поясняющий это:
HTML:
```html
<div class="dynamic-links">Контент 1</div>
<div class="dynamic-links">Контент 2</div>
<!-- ... Сколько угодно дивов с классом dynamic-links -->
```
JavaScript:
```javascript
// Предполагаем, что у вас есть массив объектов JSON с URL-адресами
const jsonObjects = [
{url: "http://example.com/link1"},
{url: "http://example.com/link2"},
// ...другие URL-адреса
];
// Получаем все div с классом dynamic-links
const divs = document.querySelectorAll('.dynamic-links');
// Проверяем, что количество элементов DIV совпадает с количеством JSON объектов
if (divs.length === jsonObjects.length) {
divs.forEach((div, index) => {
// Для каждого DIV создаем новый элемент A
const a = document.createElement('a');
// Устанавливаем URL из массива JSON объектов
a.href = jsonObjects[index].url;
// Можем добавить текст ссылки, если нужно
a.textContent = 'Перейти на ' + jsonObjects[index].url;
// Добавляем атрибут target, если хотим открывать ссылку в новом окне
a.setAttribute('target', '_blank');
// Добавляем новую ссылку (элемент A) внутрь DIV
div.appendChild(a);
});
} else {
console.error('Количество DIV не соответствует количеству JSON объектов');
}
```
Этот код сначала проверит, что количество `div` совпадает с количеством JSON объектов, чтобы избежать ошибок. Затем он пройдет по каждому `div` и добавит соответствующий элемент `<a>` с URL из JSON.
Если количество динамически создаваемых `div` не совпадает с количеством URL-адресов в JSON, вам нужно будет добавить дополнительную логику для обработки этих случаев. Например, можно использовать условные проверки или обратиться к другой стратегии соответствия URL-адресов элементам.
Важно обеспечить соответствие количества элементов `div` и данных в JSON для корректной работы такого подхода.