Question

我的页面上有多个iframe，这个jQuery用相同的东西替换它们这里的例子 http://jsfiddle.net/yusaf/g6Mdq/4/，因为你会看到两者的iframe src是不同的我试图实现.each但我没有成功：/

<script>
$(function (){
    if($(".vid-wrap iframe").length){
        var youtubeid = $(".vid-wrap iframe").attr("src").match(/[\w\-]{11,}/)[0];

        $(".vid-wrap iframe").replaceWith('<a onclick="window.open(&#39;http://www.youtube.com/watch_popup?v=' + youtubeid +'&vq=medium&#39;,&#39;Video&#39;,&#39;width=560, height=315&#39;); return false;"><img style="width:480px;height:360px;background-image:url(http://i1.ytimg.com/vi/' + youtubeid +'/hqdefault.jpg);" class="someClass" src="http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png"/></a>');
    }
});
</script>

Answer 1

这将有效：

$(function (){
    $(".vid-wrap iframe").each(function() {
        var youtubeid = $(this).attr("src").match(/[\w\-]{11,}/)[0];

        $(this).replaceWith(
            $('<a />').click(function() {
                 window.open(
                     'http://www.youtube.com/watch_popup?v=' + youtubeid +'&vq=medium',
                     'Video',
                     'width=560, height=315'
                 );
            }).append(
                '<img style="width:480px;height:360px;background-image:url(http://i1.ytimg.com/vi/' + youtubeid +'/hqdefault.jpg);" class="someClass" src="http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png"/>'
            )
        );
    });
});

Answer 2

http://jsfiddle.net/g6Mdq/18/

应该这样做

jquery函数用相同的东西替换所有iframe

2 个答案: