Question

我有两个问题

1）第一个问题

我想用新值替换当前的id值。因此，只要有人点击a标签，技术上就会触发事件，该事件将出现在jquery代码中。我想更改id值。例如

每当有人点击按钮时

<div class="video" id="wistia_1223"></div>

以

<div class="video" id="wistia_4455"></div>

2）第二个问题

如何通过jquery更改脚本标记中的值？例如，我想改变

<script>
       wistiaEmbed = Wistia.embed("wistia_1223", {
                playerColor: "ff0000",
                videoQuality: "hd-only",
                videoFoam: true
            });
    </script>

以

  <script>
       wistiaEmbed = Wistia.embed("wistia_4455", {
                playerColor: "ff0000",
                videoQuality: "hd-only",
                videoFoam: true
            });
    </script>

完整代码

<div class="video" id="wistia_1223"></div>
<a class="videoClick">Click me</a>
<script>
   wistiaEmbed = Wistia.embed("How to change in here as well?", {
            playerColor: "ff0000",
            videoQuality: "hd-only",
            videoFoam: true
        });
</script>

Jquery代码

$(function() {

  $(".videoClick").click(function(e){

    var wistia = "wistia_4455";
    $('.wistiaVideo').attr('id',wistia);
    wistiaEmbed = Wistia.embed(wistia, {
        playerColor: "ff0000",
        videoQuality: "hd-only",
        videoFoam: true
    });

  });



});

我尝试了jquery代码但它失败了。它不会更改id和script tag value

Answer 1

对于第一个问题：

使用class selecter查找元素，并将id的属性值更改为

$('.video').attr('id',yournewid);

<div class="video" id="wistia_1223"></div>

对于第二个问题，定义变量并将变量传递给函数，而不是传递直接值。

因此，当您使用新值更改变量值时，您的代码将自动开始使用新值

<script>  
var myValue = "wistia_1223';

wistiaEmbed = Wistia.embed(myValue, {
  
  
  // you can change value of variable myValue as per your requirement

Answer 2

您需要更改方法，并让Wistia API通过Javascript完成工作。 API提供了replaceWith（）方法，允许您使用另一个视频更改当前视频的内容：

$("#video_abcde12345").click(function() {
    video.replaceWith("abcde12345");
});

请参阅：https://wistia.com/doc/player-api#replacewithhashedid_options

如何将id值替换为另一个值以及javascript？

2 个答案: