How to unload a css file using only its filename?

Question

I have a css file in my <head> tag, defined as follows:

<link href="foo/bar/baz.css" rel="stylesheet" class="lazyload" type="text/css">

I want to be able to remove this css file dynamically, from the javascript. However, at runtime, I won't have the full href available, only the baz.css part (That's because the file is hosted at a CDN, and the url can be dynamically generated / different each time, so it can't be hard-coded).

The css file will always have the class lazyload.

How can I remove this?

What do you mean, "remove"? Once the CSS has been loaded, the browser's not going to forget about it. (At least I don't think it will.) — Pointy
– Pointy, Commented Mar 28, 2014 at 22:42
@Pointy - searched and found -> stackoverflow.com/questions/3182840/… — adeneo
– adeneo, Commented Mar 28, 2014 at 22:47

Marjan Nikolovski · Accepted Answer · 2014-03-28 22:48:20Z

5

$("link[href*='baz']").prop('disabled', true);
$("link[href*='baz']").remove();

answered Mar 28, 2014 at 22:48

Marjan Nikolovski

8489 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How to unload a css file using only its filename?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related