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

Question

如何使用 jQuery 更改 data-videoid youtube 值。

我目前在每个页面上都有以下视频 ID 和代码，但是，我希望能够在需要时使用 jQuery .attr 或 .文本（或任何有用的东西），但我似乎无法找到正确的方法来做到这一点。我的主要问题实际上是选择 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')

这有效！

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

How to change data-videoid amp using jQuery

jquery

amp-html

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

How to change data-videoid amp using jQuery

jquery

amp-html

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