2016-08-05 61 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

相關問題