picking up <script> within jQuery

Question

Is it possible to do the following?

Say I have a Twitter script tag like so

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

But I want to use jQuery to remove it using .remove(); how on earth would I be able to select it as I'd essentially like to be able to pick up 'platform.twitter.com' from within the code.

This is for a little side project so if anyone successfully helps you will be mentioned on the website when its live.

I'm assuming you want to remove it before it runs. I don't think that's possible (client-side, at least) -- it won't be in the DOM for you to remove it until the browser gets to that point in rendering the page, at which point it will be run. — Patrick Fisher
– Patrick Fisher, Commented Apr 17, 2012 at 22:14
You should understand that removing the script after it has executed has no effect. Removing the button it injects will make it seem like it's never run, but it has. This difference is significant, because it means that changes to the injected markup (i.e. the class "twitter-share-button" changes) will break your "fix". — Patrick Fisher
– Patrick Fisher, Commented Apr 24, 2012 at 21:04

chelmertz · Accepted Answer · 2012-04-17 22:10:34Z

1

$('script[src$=platform.twitter.com/widgets.js]').remove();

perhaps?

answered Apr 17, 2012 at 22:10

chelmertz

20.6k5 gold badges42 silver badges46 bronze badges

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

3 Comments

Patrick Fisher Over a year ago

Nope. The tag is just <script>. I think he wants to remove the loader script tag before it runs, not the script that is loaded by it.

chelmertz Over a year ago

@PatrickFisher cheers, now I get it! But it seems weird, since: if that script is in DOM, it's executed immediately and such the appended <script> will always be injected. He'd have to modify the surrounding source which we don't know anything of.. yet ;)

Patrick Fisher Over a year ago

Exactly. See my comment above, which says the same thing.

hegemon · Accepted Answer · 2012-04-17 22:12:26Z

1

I would try this:

jQuery("script:contains(platform.twitter.com)").remove()

answered Apr 17, 2012 at 22:12

hegemon

6,8242 gold badges34 silver badges31 bronze badges

Comments

benhowdle89 · Accepted Answer · 2012-04-17 22:29:18Z

0

$('script[src$=platform.twitter.com/widgets.js]').empty();

Maybe?

answered Apr 17, 2012 at 22:29

benhowdle89

37.6k74 gold badges208 silver badges342 bronze badges

Comments

Bill the Lizard · Accepted Answer · 2012-07-24 11:09:30Z

0

Turns out that piece of script actually writes into the site

<script id="twitter-wjs" src="//platform.twitter.com/widgets.js"></script>

So using the following removes the JavaScript file and also the Tweet button.

$('script[id=twitter-wjs]').remove();
$('.twitter-share-button').remove();

edited Jul 24, 2012 at 11:09

Bill the Lizard

407k213 gold badges579 silver badges892 bronze badges

answered Apr 18, 2012 at 8:07

ngplayground

21.8k37 gold badges98 silver badges176 bronze badges

Collectives™ on Stack Overflow

picking up <script> within jQuery

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related