Remove a script with jQuery

Question

I have a problem with my jQuery. So, I want to remove a script who is inside a <div>. My html is :

<div id="right-bloc">
        <div class="right-bloc-pub-1">
            <script type="text/javascript" src="http://firstScript.com"></script>
        </div>
        <div class="right-bloc-pub-2">
            <script type="text/javascript" src="http://secondScript.com"></script>
        </div>
</div>

My jQuery :

 var stringOfHtml = '<script type="text/javascript" src="http://firstScript.com"></script>';
 var html = $(stringOfHtml);
 html.find('script').remove();

I want to remove the script witch contains http://firsttScript.com, but not working. It's possible to remove this script and add after? Because I need to refresh this script

Does that <script> exist in your actual html? or just a variable? — Shaunak D
– Shaunak D, Commented May 6, 2015 at 9:38
Better solution: $('#right-bloc').find('script[src="http://firstScript.com"]').remove(). — Philipp Andreychev
– Philipp Andreychev, Commented May 6, 2015 at 9:45

Radonirina Maminiaina · Accepted Answer · 2015-05-06 09:45:55Z

3

You can specify it as the following code:

html.find('script[src="http://firstScript.com"]').remove();

answered May 6, 2015 at 9:45

Radonirina Maminiaina

7,0144 gold badges35 silver badges63 bronze badges

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

Comments

Shaunak D · Accepted Answer · 2015-05-06 09:55:57Z

2

Assuming the <script> tags are actually in your html DOM and you have jQuery reference included.

You can use .filter() to get the script with src as 'http://firstScript.com' and the .remove().

$('html').find('script').filter(function(){
    return $(this).attr('src') === 'http://firstScript.com'
}).remove();

Also,

var stringOfHtml = '<script type="text/javascript" src="http://firstScript.com"></script>';
var html = $(stringOfHtml);

This is Not allowed and would throw error Unexpected Token Illegal

edited May 6, 2015 at 9:55

answered May 6, 2015 at 9:45

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

1 Comment

TanGio Over a year ago

It's possible to add after remove this script? Because I need to refresh the script

Saiyam Gambhir · Accepted Answer · 2020-04-22 02:31:09Z

1

Try This:

   $(document).ready(function(){
     $('.right-bloc-pub-1').find('script[src="http://firstScript.com"]').remove();
   });

OR

$(document).ready(function(){
   $('.right-bloc-pub-1').find('script').attr('src', 'http://firstScript.com').remove();
});

edited Apr 22, 2020 at 2:31

answered May 6, 2015 at 9:54

Saiyam Gambhir

5463 silver badges16 bronze badges

Comments

Vishwajeet Bose · Accepted Answer · 2015-05-06 09:38:48Z

0

The only need changes

    var html = $(stringOfHtml);
    html.remove();

answered May 6, 2015 at 9:38

Vishwajeet Bose

4303 silver badges12 bronze badges

Comments

Ganbin · Accepted Answer · 2015-05-06 09:57:56Z

0

To select and remove your first script you can do this way : $('script[src="http://firstScript.com"]').remove()

Just know that this will remove the script from your DOM but not the library loaded within this script. For example if your first script load jQuery, the $ variable will still contains jQuery. To remove completely jQuery you can add $ = undefined; jQuery = undefined;

answered May 6, 2015 at 9:57

Ganbin

2,0732 gold badges14 silver badges25 bronze badges

1 Comment

Ganbin Over a year ago

To add again your script (if you want to refresh it) you can do this way : $('.right-bloc-pub-1').append('<script type="text/javascript" src="http://firstScript.com"></script>') I recommend you to use the id attribute here rather than the class, assuming it will be unique.

VJP · Accepted Answer · 2015-05-06 10:04:54Z

0

$(document).ready(function(){
      $('.right-bloc-pub-1').html().remove();
});

try this

answered May 6, 2015 at 10:04

VJP

345 bronze badges

Comments

AlASAD WAIL · Accepted Answer · 2022-03-13 11:58:25Z

0

You need to delete events related with that script. So you must look for events that belong to that script. The $._data(document,'events') is best choice to start with.

answered Mar 13, 2022 at 11:58

AlASAD WAIL

8351 gold badge7 silver badges25 bronze badges

Collectives™ on Stack Overflow

Remove a script with jQuery

7 Answers 7

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related