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

how to replace an id value to another value and as well as javascript?

本文关键字：另一个 javascript 替换 id      更新时间：2023-09-26

我有两个问题

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

第一个问题：

使用类选择器找到元素，并像一样将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

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

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

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

相关文章：