如何使用jQuery改变数据-视频放大器

Question

我如何改变数据-视频youtube的价值使用jQuery。

目前，我在每一页上都有下面的视频id和代码，但是，我希望能够在需要时使用jQuery .attr或.text (或其他任何有用的方法)在每个页面上更改视频，但我似乎无法找到正确的方法来做到这一点。我的主要问题实际上是选择数据-视频来操纵价值。

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

例如，如果我想将08lxCVQMxA更改为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

解决了！

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

这行得通！

Answer 2

第一个警报显示当前的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>

​