Así que estoy un poco atascado y estoy buscando a ver si alguien me puede ayudar, así que tengo el siguiente código jQuery:
let VimeoBlock = function($element) { function init() { adjustPositioning(); } function adjustPositioning() { const classList = $element.attr('class'); if (classList.indexOf('alignwide') > -1) { const vimeo_iframe = $element.find('iframe'); console.log(vimeo_iframe); } } return { init: init, } } $(document).ready(function () { $('.wp-block-embed-vimeo').each(function (i, ele) { (new VimeoBlock($(ele))).init(); }); }); console.log(vimeo_iframe); genera los siguientes elementos cuando puedo acceder al índice iFrame con sus propiedades:
Puedo apuntar al iFrame , pero quiero poder apuntar a la clase principal dentro del iFrame . ¿Cómo haría esto y agregaría CSS a esa clase?
Dado que no puede hacer esto para el estilo del iframe si tiene un origen diferente, no hay solución en este caso. Sin embargo, si fuera el mismo dominio o un iframe con una estructura interna, podría hacerlo así:
document.getElementById("youriframeid").contentDocument.querySelector("yourselector").style.display = 'none';Tenga en cuenta que he usado selectores ficticios y un estilo ficticio, puede usar el suyo en su lugar.