-1

アンカーをクリックしても、あるスパンの内容を別のスパンにコピーしようとしています。

ラッパー タイトル div のサンプルjsFiddleを削除すると正常に動作します

それらをdiv内にラップすると、もう機能しません。これまでに別のことを試しましたが、使用する適切なプロパティまたは関数を見つけることができません。

これはjsFiddleを修正する必要があります 

<div style="float:left; width=800px;" id="video_container">
    <iframe width="438" height="250" src="http://www.youtube.com/embed/vOnCRWUsSGA?wmode=transparent&rel=0&theme=light&color=white&autoplay=0" frameborder="0" allowfullscreen="1"></iframe>
</div>
<span class="active-video-title">Title</span>

<span class="active-video-date">Date</span>

<div class="row">
    <br> <a href="oDAw7vW7H0c" class="play-youtube">
            <span class="youtube-thumbnail">Thumnnail 1</span>
       <div class="title-wrapper">
            <span class="title">Title of the Video 1</span>
             <span class="date">Date  1</span>
        </div>
        </a>

    <br> <a href="5F-Wge37_ys" class="play-youtube">
            <span class="youtube-thumbnail">Thumnnail 2</span>
        <div class="title-wrapper">
            <span class="title">Title of the Video 2</span>
             <span class="date">Date  2</span>
            </div>
        </a>

</div>
<div class="row2">
    <br> <a href="oDAw7vW7H0c" class="play-youtube">
            <span class="youtube-thumbnail">featured Thumnnail 1</span>
        <div class="title-wrapper-control">
            <span class="featured-title">featured Title of the Video 1</span>
             <span class="featured-date">featured Date  1</span>
        </div>
        </a>

    <br> <a href="5F-Wge37_ys" class="play-youtube">
            <span class="youtube-thumbnail">featured Thumnnail 2</span>
        <div class="title-wrapper-control">
            <span class="featured-title">featured Title of the Video 2</span>
             <span class="featured-date">featured Date  2</span>
        </div>
        </a>

</div>
4

1 に答える 1

1

.children()一致した要素のセット内の各要素の子を取得し、オプションでセレクターによってフィルター処理されます。

find()セレクター、jQuery オブジェクト、または要素によってフィルター処理された、一致する要素の現在のセット内の各要素の子孫を取得するメソッドを使用します。

$(document).ready(function () {

    $('.play-youtube').click(function (e) {
        e.preventDefault();
        var URL = $(this).attr('href');
        var htm = '<iframe width="438" height="250" src="http://www.youtube.com/embed/' + URL + '" frameborder="0" allowfullscreen="1" ></iframe>';


        $(".active-video-title").html($(this).find(".title").html());
         $(".active-video-date").html($(this).find(".date").html());
        $(".active-video-title").html($(this).find(".featured-title").html());
        $(".active-video-date").html($(this).find(".featured-date").html());
        return false;
    });
});

DEMO FIDDLE

于 2013-09-17T10:24:09.653 に答える