Target an iframe with only the src attribute provided

Question

We have a page rendering some affiliate scripts at the bottom. One of the scripts renders an iframe which is breaking our page in some browsers. We would like to keep this iframe from showing, but the only attribute that it is offering me is the src attribute. I cannot broadly target iframes with my CSS as the other generated iframes are necessary for various partners.

Until they get a chance to diagnose their bad code, is there a way for us target this one iframe by its src or something with CSS or JavaScript/jQuery and keep it from showing on the page?

The bad iframe:

<iframe src="https://someurl.net/p.ashx?a=9879&b=3541" height="1" width="1" frameborder="0">

Inside of this iframe the document tree goes:

<html>
    <head><head>
    <body>
        <pre style="word-wrap:break-word; white-space:pre-wrap;">NF</pre>
    </body>
</html>

Sure, you can select all iframes and filter them by src. Or use the CSS attribute selector. — Felix Kling
– Felix Kling, Commented Nov 20, 2012 at 17:32
iframe[src="someurl.net/p.ashx?a=9879&b=3541"] {display: none;} — Jawad
– Jawad, Commented Nov 20, 2012 at 17:33
Voted up this great CSS solution, but it fails in earlier IEs. Better use jQuery instead — Dan
– Dan, Commented Nov 20, 2012 at 19:12
@Dan: The OP stated no requirements of UA but jQuery does the trick. — Jawad
– Jawad, Commented Nov 21, 2012 at 17:27

Marc B · Accepted Answer · 2012-11-20 17:31:46Z

8

This should do the trick:

$('iframe[@src*="someurl.net/p.ashx"]').hide();

answered Nov 20, 2012 at 17:31

Marc B

362k44 gold badges433 silver badges508 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

wirey00 Over a year ago

what does the @ symbol do inside the attribute selector?

Marc B Over a year ago

whoops. mybad. thinking in xpath terms, where @ like that means to look for an attribute named 'src'. in jquery it's not necessary.

Flimm · Accepted Answer · 2022-06-09 16:00:00Z

8

The css method would be:

iframe[src*="someurl.net"] {
    display: none;
}

*= means that the attribute must contain the value. In this case, src must contain someurl.net to match. (see doc)

edited Jun 9, 2022 at 16:00

Flimm

154k49 gold badges282 silver badges295 bronze badges

answered Dec 15, 2021 at 21:43

Jay

1,17514 silver badges25 bronze badges

Collectives™ on Stack Overflow

Target an iframe with only the src attribute provided

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related