Removing all anchor title attributes in an iframe

Question

Is there a way to remove all anchor title attributes in all links within an iframe so that when you hover over them you don't get the title?

I know I can do something like the following but for some reason it isn't working.

$("iframe").load(function() {
    $("iframe").contents().find("a").each(function(index) {
      $(this).attr('title','');
    });
});

No, completely different domain. I'm just trying to kill the anchor hovers because they are quite annoying in this instagram plugin @adeneo — bryan, Jun 01 '17 at 20:39
See this question/answer: https://stackoverflow.com/questions/6170925/get-dom-content-of-cross-domain-iframe — CodeLikeBeaker, Jun 01 '17 at 20:45
^ That's the reason for asking, the same origin policy prohibits you from accessing content not loaded from the same domain, so basically you can't do this. — adeneo, Jun 01 '17 at 20:57

CodeLikeBeaker · Answer 1 · 2017-06-01T20:48:23.513

1

This will work for you on the same domain:

 $('iframe').load(function(){
        $(this).contents().find('a').removeAttr('title');
 })

If you are not on the same domain, it will not work. See the following SO Question/Answer:

Get DOM content of cross-domain iframe

edited Jun 01 '17 at 20:48

answered Jun 01 '17 at 20:41

CodeLikeBeaker

19,633
13
75
105

1

Doesn't work. `$(this).contents()` returns nothing. `$(this)` returns the iframe however – bryan Jun 01 '17 at 20:43
I see your issue is cross domain. This will only work same domain. – CodeLikeBeaker Jun 01 '17 at 20:44

score 1 · Accepted Answer · answered Jun 01 '17 at 20:43

1

If iframe uses same protocol and domain, you can change iframe's content.

Different protocol or domain will generate an Security Exception.

answered Jun 01 '17 at 20:43

Fábio Arantes

46
4

Nawed Khan · Answer 3 · 2017-06-01T20:41:52.150

0

Given the contents of iFrame is from same domain you can use the following for every anchor tag

$('a').removeAttr('title');

edited Jun 01 '17 at 20:41

answered Jun 01 '17 at 20:37

Nawed Khan

4,336
1
9
21

My problem is it's not getting the contents – bryan Jun 01 '17 at 20:40
Great, so how do I do it if it isn't the same domain? – bryan Jun 01 '17 at 20:43

Ali Hesari · Answer 4 · 2017-06-01T21:31:19.217

Try This:

Javascript: Demo

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

var links = innerDoc.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
  links[i].removeAttribute("title");
}

Jquery: Demo

setTimeout( function () {
      $("#iframeId").contents().find("a").removeAttr("title");
}, 1000 );

Removing all anchor title attributes in an iframe

4 Answers4