Question

首先有101个与此类似的问题，但仍然无法回答这个问题。

我正在为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和文本。
我还想隐藏功能框中显示的已点击的缩略图。

非常感谢

Answer 1

在拇指上，您可以将ID放在rel div上，以便通过jQuery轻松检索：

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

并$('#thumb').attr('rel')获得它。

然后，您可以创建一个JavaScript函数，根据ID为您提供完整的网址，并通过$('#feature iframe').attr('src','your_url')

更新您的iframe src

jQuery根据点击

1 个答案: