如何使用jQuery更改数据视频​​放大器

Question

如何使用jQuery更改YouTube数据视频值。

我目前在每个页面上都有以下视频ID和代码，但是，我希望能够在需要的时候使用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")

Answer 1

第一个警报显示当前VideoId，第二个警报显示通过Jquery设置后的新ID

$(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>

Answer 2

解决了！

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

这行得通！