2016-08-05 89 views
0

我有两个问题如何将id值替换为另一个值以及javascript?

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代码BU它失败了。它不改变idscript tag value

+1

改变'id'值是不是一个好主意 - 他们是意味着是静态的。你为什么想这样做?这个问题看起来像是一个X-Y问题。如果你能解释一下你想要达到的目标,我相信有一个更好的方法可以做到这一点 –

+0

wistia视频网站有一个独特的ID,我需要改变它来改变一个新的视频。 – sinusGob

+0

基本上它是一个播放列表,当有人点击其中一个视频时,它会自动更改视频。 – sinusGob

回答

0

对于第一个问题:

使用类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

0

你需要改变你的做法,让Wistia的API做的工作运行通过Javascript。 该API提供了replaceWith()方法,它允许你改变当前视频的内容与其他视频:

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

参见:https://wistia.com/doc/player-api#replacewithhashedid_options

相关问题