Как передать id в js циклом?

Question

[djienbaev97]

<div class="plyr__video-embed" id="player">
                                    <?= $sabak->video ?>
                                </div>

у меня есть такой код, тут id="player" надо передать в javascript в цикле примерно player1, player2, player3

const player = new Plyr('#player);

а тут надо id player в цикле отображалось, у меня id не должно повторяться

прошу с понимание ответить, я чайник по js

Answer 1

[RMate]

<? for($i = 0; $i < 4; $i++) { ?>
<div class="plyr__video-embed" id="player<?=$i?>">
    <?= $sabak->video ?>
</div>
<? } ?>

Однако, если js выполняет одинаковые действия для всех идентификаторов, а как я понимаю - вы хотите инициализировать видеоплеер - лучше использовать класс. И вопрос с идентификатором отпадает, и код станет куда лаконичнее.

Comments

[djienbaev97]

ну в php понятно у меня в цикле идет id теперь, а как тут const player = new Plyr('#player); #player в цикле отображать?? говорили через инпут валуе можно, но я не знаю как

[djienbaev97]

RMate я попробывал в класс поставить, но не работает в классе

[RMate]

djienbaev97,

const players = Array.from(document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p));

Из официальной документации

[djienbaev97]

RMate, спасибо большое

Answer 2

[VegasChickiChicki]

Может быть так? А если нужной найти все на странице, то так.