Как добавить класс к html тегу и ссылку?

Question

[Aone1]

Здравствуйте. На страницах сайта используется несколько iframe-пллеров с различными id, player1, player2, player3. Как к плеерам добавить класс и ссылку ВАСТ: class="player" data-adserv="https://test.com/vast.xml"

Есть:




Надо примерно:




Вручную редактировать сотни страниц не могу, поэтому ищу. простое решение. Заранее спасибо за помощь

Comments

[Сергей delphinpro]

$('iframe[id^="player"]') // все id начинающиеся на player
  .addClass('player') // добавить класс
  .attr('data-adserv', 'https://...') // добавить атрибут
  .data('adserv', 'https://...') // опционально, непонятно для чего это
;

[Aone1]

Здравствуйте. Не поможете реализовать это на одном сайте? Я в JS полный ноль, только основы html и css. В долгу не останусь, от силы займет минут 20. Мог бы написать в скайп

[Kovalsky]

Aone1, вы в курсе, что вы сейчас просите одного из самых активных на тостере специалистов по фронтенду добавить вам на сайт лишний кусок не бесполезного кода, вместо того чтобы взять текстовый редактор и вручную за несколько минут добавить эти несколько символов?

Если да, то я всё-таки надеюсь, что вы шутите.

Answer 1

[Kovalsky]

У вас теги неправильные, это делается с помощью текстового редактора: заходите в поиск, как вариант ищете вхождение "allowfullscreen" по всем нужным страницам, заменяете эти части кода на "allowfullscreen class="player" allowfullscreen".

Если все фреймы у вас оформлены так как в тексте вопроса, то должно сработать.

Answer 2

[Павел]

сам я вам готовое решение не подскажу но могу сказать что стоит копать в сторону поиска и замены с регулярными выражениями

Answer 3

[ThunderCat]

$(document).ready(function () {
$('iframe').addClass('player');
$('iframe').data('adserv',"https://test.com/vast.xml");
})