Как изменить data-videoid усилитель с помощью jQuery - PullRequest
Новая
       3

Как изменить data-videoid усилитель с помощью jQuery

0 голосов
/ 06 октября 2018

Как я могу изменить значение youtube data-videoid с помощью jQuery.

В настоящее время у меня есть следующий идентификатор и код видео на каждой странице, однако я хотел бы иметь возможность изменять видео как икогда мне нужно на каждой странице, используя jQuery .attr или .text (или все, что будет работать), но я не могу найти правильный способ сделать это.Моя главная проблема - выбор data-videoid для манипулирования значением.

<div class="youtube-wrap">    
<amp-youtube
data-videoid="08lxCVQMxxA"
layout="responsive"
width="480" height="270"></amp-youtube>

Так что, если я хочу изменить 08lxCVQMxxA на Ea9NYoYxc5w, например, как?

Я пробовал следующее 

$( ".youtube-wrap.data-videoid" ).text("Ea9NYoYxc5w")
$( ".youtube-wrap" ).attr("src", "Ea9NYoYxc5w")
$( ".youtube-wrap.data-videoid" ).attr("src", "Ea9NYoYxc5w")
    $( "body > table > tbody > tr:nth-child(1220) > td.line-content > span.html-attribute-name" ).attr("src", "Ea9NYoYxc5w")
$( "amp-youtube.data-videoid" ).text("Ea9NYoYxc5w")

Ответы [ 2 ]

0 голосов
/ 06 октября 2018

Решено! 

$( "amp-youtube" ).attr('data-videoid','Ea9NYoYxc5w')

Это работает!

0 голосов
/ 06 октября 2018

Первое оповещение показывает текущий VideoId, а второе оповещение показывает новый идентификатор после установки его через Jquery

$(document).ready(function(){
alert($('.youtube-wrap').find('amp-youtube').attr('data-videoid'));
$('.youtube-wrap').find('amp-youtube').attr('data-videoid','Ea9NYoYxc5w')
alert($('.youtube-wrap').find('amp-youtube').attr('data-videoid'));
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="youtube-wrap">    
<amp-youtube
data-videoid="08lxCVQMxxA"
layout="responsive"
width="480" height="270"></amp-youtube>
...