Как добавить tooltip на несколько элементов?

Question

[saplas]

Добрый день. Пользуюсь tooltip.js
Есть проблема, на странице несколько элементов, где нужна подсказка. Но подключается по id и высвечивается только для первого элемента. Как сделать чтобы для всех элементов появлялось?

new Tooltip(document.getElementById("catalog_tooltip"), {
    placement: 'left', // or bottom, left, right, and variations
    title: "Посмотреть в 3D"

});

<i class="look" id="catalog_tooltip"><a href=""></a></i>
<i class="look" id="catalog_tooltip"><a href=""></a></i>
<i class="look" id="catalog_tooltip"><a href=""></a></i>

Comments

[Игорь Борисов]

id сделай разными

Answer 1

[Andrey Suha]

document.querySelectorAll(".look")

И не используйте на одной странице два или более елементов с одинаковым id))

Comments

[saplas]

Перестало вообще работать

[Andrey Suha]

saplas, покажите как Вы код изменили

[saplas]

Пробовал так

new Tooltip(document.querySelectorAll("i.look"), {
    placement: 'left', // or bottom, left, right, and variations
    title: "Посмотреть в 3D"

});

и так

new Tooltip(document.querySelectorAll(".look"), {
    placement: 'left', // or bottom, left, right, and variations
    title: "Посмотреть в 3D"

});

[Andrey Suha]

saplas,

let looks = document.querySelectorAll(".look");

looks.forEach((look) => {
    new Tooltip(look, {
        placement: 'left',
        title: "Посмотреть в 3D"
    });
});

[saplas]

andreysuha, Спасибо большое!