Хочу использовать popper.js для всплывающих подсказок. Вот код из их докумментации:
<button id="button" aria-describedby="tooltip">I'm a button</button>
<div id="tooltip" role="tooltip">I'm a tooltip</div>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script>
const button = document.querySelector('#button');
const tooltip = document.querySelector('#tooltip');
// Pass the button, the tooltip, and some options, and Popper will do the
// magic positioning for you:
Popper.createPopper(button, tooltip, {
placement: 'right',
});
</script>
Проблема в том что здесь используется id. И получается если мне нужно использовать несколько подсказок на одной странице, то нужны новые id и новый js код.
Как мне сделать тоже, что в коде выше только с классами (или ещё чем)? Главное что бы не нужно было использовать новые названия для довой подсказки.
Заранее огромное спасибо.
PS: в js не особо силён.
