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

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

关于第一个问题：

通过使用类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通过Javascript完成任务。API提供了一个replaceWith()方法，允许您用另一个视频更改当前视频的内容：

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

请参阅：options