Con el siguiente fragmento:
let iframe = videoWrapper; console.log(iframe); Dentro video-player , tengo los siguientes elementos secundarios:

¿Cuál es la mejor manera de determinar si <iframe> existe dentro de ese contenedor principal y verificar todos los niveles de elementos secundarios?
<iframe> puede tener uno o dos niveles dentro del elemento principal, por lo que todo depende.
Puntos de bonificación si puedo determinar si data-src existe dentro del iFrame.
Parece que no puedo rastrearlo en absoluto. He probado los siguientes elementos:
let iframe = videoWrapper.parents().eq(2).find('iframe'); let iframe = videoWrapper.contents().find('iframe'); let iframe = videoWrapper.find('iframe'); let iframe = videoWrapper.find('iframe').length;Nada parece haber funcionado, ¡toda ayuda será apreciada!
Espero entender bien lo que pides.
// check if exists if ($('div.video-player iframe').length > 0) { alert('frame exists'); } // for finding child elements let iframeMain = $("div.video-player iframe").contents().find('#something deeper than iframe main tag'); // then just go deeper let iframe2ndLevelDeeper = $(iframeMain).contents().find('#something even more deeper inside iframe'); // check for data-src let dataSrc = $('').attr('data-src'); const $iframe = document.querySelector(`iframe`); $iframe.addEventListener("load", function () { if (dataSrc !== '') { console.log("loaded and exists"); } else {} });