안녕하세요 현재는 모든영역에서 iframe youtube 태그를찾아 div로 감싸게 했는데
(function($){
$( 'iframe[src^="https://www.youtube.com/"]' ).wrap( '<div class="youtubeWrap"></div>' );
$( 'iframe[src^="https://player.vimeo.com/"]' ).wrap( '<div class="vimeoWrap"></div>' );
$( 'iframe[src^="https://gfycat.com/"]' ).wrap( '<div class="gfycatWrap"></div>' );
$( 'iframe[src^="https://player.twitch.tv/"]' ).wrap( '<div class="twitchWrap"></div>' ).wrap( '<div class="twitchStream"></div>' );
$( 'iframe[src^="https://streamable.com/"]' ).wrap( '<div class="streamableWrap"></div>' );
})(jQuery);
위소스
A클래스 안에있는 iframe[src^="https://www.youtube.com/"] 만 div로 감싸보려고
$( .a'iframe[src^="https://www.youtube.com/"]' ).wrap( '<div class="youtubeWrap"></div>' );
이러면 될줄알았는데 동작하지 않네요
a클래스 안에있는 iframe[src^="https://www.youtube.com/"] 를 div로 감싸려면 어떻게 수정해야 할까요?
(본목적은 컨텐츠 클래스 안에있는 ifreame만 div로 감싸려고 합니다)
$('.a iframe[src*="youtube.com"]' ).each(function(){ $(this).wrap( '<div class="youtubeWrap"></div>' ); });