acceder <a> atributo de destino anidada por debajo de 3 divs

votos
0

Estoy intentando cambiar el atributo de destino de una etiqueta en el ejemplo de vídeo vinculado. https://players.brightcove.net/5593175159001/experience_5b6c5e1d0de437001208bc9c/share.html

Al reproducir el video un clic aquí CTA aparece en la esquina inferior derecha. El comportamiento por defecto para el jugador es abrir el enlace en una nueva pestaña, pero tengo que cambiar para que la misma pestaña. He intentado usar:

$('#ee-link').find('a').attr('target','_parent');

y

$('.ee-link').children('a').attr('target','_parent');

Al inspeccionar el CTA está anidado debajo de 3 divs:

<div class=ee-interactivity>
 <div class=ee-link-container data-corner=bottom-right>
   <div class=ee-link>
    <a target=_blank href=www.google.com>Click Here</a>
   </div>
  </div>
</div>

Cualquier ayuda acceso al atributo de destino sería muy apreciada.

Publicado el 19/09/2018 a las 17:03
fuente por usuario
En otros idiomas...                            


3 respuestas

votos
1

ee-link es una clase no es una id

$("div.ee-link>a").attr("target", "_parent");
Respondida el 19/09/2018 a las 17:11
fuente por usuario

votos
0

El jugador se encuentra en un iframe por lo que tiene que hacer:

$('iframe').not(':first').contents().find('.ee-link>a').attr('target','_top');

Con .contents()que tener acceso a la materia en el marco flotante. Pero debido a que el elemento es un iframe al _parentmostrará la página en el iframe, por lo que es necesario utilizar _top.

Respondida el 19/09/2018 a las 17:36
fuente por usuario

votos
0

Puede resolver esto mediante el uso del selector de jQuery próximo

$(".ee-link").next().attr("target", "_parent");
Respondida el 19/09/2018 a las 17:24
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more