jQuery根據點擊交換和隱藏div內容

首先有101個類似這個問題，但仍然無法回答這個問題。jQuery根據點擊交換和隱藏div內容

我正在創建一個與youtube類似的界面，在右側有一個視頻縮略圖，還有一個痛苦的播放窗格。

我的用於顯示縮略圖圖像循環如下：

<?php function getVimeoThumb($id) { 
    $data = file_get_contents("http://vimeo.com/api/v2/video/$id.json"); 
    $data = json_decode($data); 
    return $data[0]->thumbnail_medium; 
} ?> 

<div id="thumb"> 
    <img src="<?php echo getVimeoThumb($id);?>" alt=""> 
    <h4><?php the_sub_field('child_title'); ?></h4> 
</div>

我的主要特徵視頻顯示如下：

<div id="feature"> 
    <h4 id="mainTitle"><?php the_sub_field('video_title'); ?></h4> 
    <iframe src="https://player.vimeo.com/video/<?php the_sub_field('video_id')?>" width="500" height="282"></iframe> 
</div> <!-- end of feature Container -->

初始負載將通過PHP進行，然而，DOM操作應該通過javascript來實現。

問題

我如何可以互換隻是這兩個div之間的ID和文本。
我還想隱藏已經被點擊的縮略圖，因爲它在功能框中顯示。

非常感謝

來源

2016-04-04 Taylorsuk

jQuery的更新您的IFRAME SRC已連接字符串原型replace（）方法，不是嗎？ –

但我不知道如何從字符串中提取ID？ – Taylorsuk

替換整個元素的innerHTML？ –

在你的拇指，你可以通過jQuery穿上rel的ID在你div，所以你可以找回輕鬆：

`<div id="thumb" rel="your_id">...</div>`

而一個$('#thumb').attr('rel')得到它。

然後你就可以創建一個JavaScript功能，讓您從ID的完整URL，並通過$('#feature iframe').attr('src','your_url')

來源

2016-04-04 23:40:54 Tdy

jQuery根據點擊交換和隱藏div內容

回答

相關問題