Итак, у меня есть эта иерархия iframe ,
<iframe>
<html>
<head><head>
<body>
<div id="appOuterContainer">
<form>
<div id="appContainer">
<div id="app">
<div id="statusBarContainer"> <!-- status bar starts here-->
<div id ="myStatusBar">
<span id="one"></span>
<span id="two">
<a href="#">One</a>
<a href="#" aria-popup="true">Two</a>
</span>
</div>
</div> <!-- status bar ends here-->
</div>
</div>
</form>
</div>
</body>
</html>
</iframe>
Как видите, у большинства внутренних элементов span есть два элемента. Я хочу отключить событие click только для этого второго тега привязки.
Я пробовал это:
var iframes = document.getElementsByTagName("span");
var obj = $(iframes).find(aria-popup="true");
$(obj).css('pointer-events','none');
Но это не работает.
РЕДАКТИРОВАТЬ: Html iframe исходит от внешнего источника. Можно ли как-нибудь этого добиться?
Может кто-нибудь помочь мне разобраться в этом? Как я могу выбрать самый внутренний элемент span и отключить указатель на него?