I need to remove a script tag (<script>...</script>) by its content and/or its src property. Taking as example this:

<script type="text/javascript">
    var adfly_id = 2776246;
</script>

<script src=".js"></script>

I've tried this code:

jQuery(document).ready(function($){
    $('script').each(function() {
        if (this.src === '.js') {
            $(this).remove();
        }
    });
});

But without success (I am using that code from within WP - if anyone is asking why that jQuery syntax), can any give me some advice?

EDIT: The idea here is remove the script to prevent its execution

I need to remove a script tag (<script>...</script>) by its content and/or its src property. Taking as example this:

<script type="text/javascript">
    var adfly_id = 2776246;
</script>

<script src="https://cdn.adf.ly/js/display.js"></script>

I've tried this code:

jQuery(document).ready(function($){
    $('script').each(function() {
        if (this.src === 'https://cdn.adf.ly/js/display.js') {
            $(this).remove();
        }
    });
});

But without success (I am using that code from within WP - if anyone is asking why that jQuery syntax), can any give me some advice?

EDIT: The idea here is remove the script to prevent its execution

• javascript
• jquery

• 5 $(this).attr('src'); should work, but keep in mind the JS has already run at that point... no reason to remove it now. – jdu Commented Jul 28, 2015 at 15:09
• 1 $("script[src='https:...']").remove() is even easier... – Marc B Commented Jul 28, 2015 at 15:10
• @jdu the idea is to prevent it for running, how? – ReynierPM Commented Jul 28, 2015 at 15:11
• Possible duplicate of jQuery : How to find <script> elements with particular value of "type" attribute?, after applying a little change. – emerson.marini Commented Jul 28, 2015 at 15:11
• @ReynierPM you need to remove it before the page renders. using serve side programming. – jdu Commented Jul 28, 2015 at 15:12

4 Answers 4

This seems to work:

jQuery(document).ready(function($){
    $('script').each(function() {

        if (this.src === 'URL_HERE') {

          this.parentNode.removeChild( this );
        }
    });
});

You can't remove the script tag I believe but I believe you can remove the src attribute in the script tag which render it useless if you removed $(this).attr('src');

Try

$(document).ready(function(){
$('script').each(function() {
     var obj = $(this);
    if (obj.attr("src") == 'https://cdn.adf.ly/js/display.js') {
        obj.attr("src","");
     }
    });
});

You can hack it. Use another script to do a....

node.parentNode.replaceChild(
  document.createComment(node.outerHTML.slice(1,-1)
    .replace(/--/g, '\\-\\-')), node);

Where node is your script node/element. The replacing of double dashes is to prevent the browser plaining about an unpliant ment tag.

Then if you want to enable it just do the reverse ment.replace and enclose with < and >. But you probably need to keep track of the modified script node, because after it bees a ment it is less query-able.

Just remember that the script is loaded early on, so your removal code should e before the node you want to remove. I had success using and mutation observer that I start in the header that watched for added script nodes and disabled them immediately. Then I analyzed the script node code (both as content and by

XMLHttpRequest

-ing the src if it exists. Then once I had my way with it I would re-enable it by doing the reverse disable operation by creating a code fragment and injecting the original outerHTML, either modified or not.