доступ к <a>целевому атрибуту, вложенному ниже 3 делений

Question

Я пытаюсь изменить целевой атрибут тега в примере с связанным видео.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>

Любая помощь для доступа к целиатрибут будет принята с благодарностью.

Answer 1

Вы можете решить эту проблему с помощью следующего селектора jquery

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

Answer 2

Игрок находится в iframe, поэтому вам нужно сделать:

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

С помощью .contents() вы получите доступ к содержимому в iframe.Но поскольку элемент является iframe, _parent покажет страницу в iframe, поэтому вам нужно использовать _top.

Answer 3

ee-link это класс не id

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