访问<a> target attribute nested below 3 divs

时间:2018-09-19 17:03:11

标签: jquery video.js brightcove

I'm trying to change the target attribute of an a tag in the linked video example. https://players.brightcove.net/5593175159001/experience_5b6c5e1d0de437001208bc9c/share.html

播放视频时,单击此处的CTA会出现在右下角。播放器的默认行为是在新标签页中打开链接,但我需要将其更改为同一标签页。我尝试使用:

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

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

检查CTA时,它嵌套在3个格以下:

<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>

对访问目标属性的任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:1)

ee-link是一个类,而不是id

$("div.ee-link>a").attr("target", "_parent");

答案 1 :(得分:0)

您可以通过使用jquery的下一个选择器来解决此问题

$(".ee-link").next().attr("target", "_parent");

答案 2 :(得分:0)

播放器位于iframe中,因此您需要执行以下操作:

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

使用.contents(),您可以访问iframe中的内容。 但是由于元素是iframe,因此_parent将在iframe中显示页面,因此您需要使用_top