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

Better solution: `$('#right-bloc').find('script[src="http://firstScript.com"]').remove()`. — Philipp Andreychev, May 06 '15 at 09:45

score 3 · Answer 1 · answered May 06 '15 at 09:45

3

You can specify it as the following code:

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

answered May 06 '15 at 09:45

Radonirina Maminiaina

6,958
4
33
60

Shaunak D · Answer 2 · 2015-05-06T09:55:57.823

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 06 '15 at 09:55

answered May 06 '15 at 09:45

Shaunak D

20,588
10
46
79

It's possible to add after remove this script? Because I need to refresh the script – TanGio May 06 '15 at 09:54

Saiyam Gambhir · Answer 3 · 2020-04-22T02:31:09.937

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 '20 at 02:31

answered May 06 '15 at 09:54

Saiyam Gambhir

536
3
16

score 0 · Answer 4 · answered May 06 '15 at 09:38

0

The only need changes

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

answered May 06 '15 at 09:38

Vishwajeet Bose

430
3
12

score 0 · Answer 5 · answered May 06 '15 at 09:57

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 06 '15 at 09:57

Ganbin

2,004
2
12
19

To add again your script (if you want to refresh it) you can do this way : `$('.right-bloc-pub-1').append('')` I recommend you to use the id attribute here rather than the class, assuming it will be unique. – Ganbin May 06 '15 at 10:01

score 0 · Answer 6 · answered May 06 '15 at 10:04

0

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

try this

answered May 06 '15 at 10:04

VJP

34
5

score 0 · Answer 7 · answered Mar 13 '22 at 11:58

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 '22 at 11:58

AlASAD WAIL

775
4
18

Remove a script with jQuery

7 Answers7

Linked