Filter from source attribute in Javascript

Question

I Need to filter out all images with src domain like abs.twimg.com

<img class="ProfileCard-avatarImage js-action-profile-avatar" src="https://abs.twimg.com/..." alt="">

What's the easiest way to achieve this in Javascript?

$('img').filter(function(){ this.src.indexOf('abs.twimg.com')>-1; }) — Rayon
– Rayon, Commented Jun 6, 2016 at 9:52

gurvinder372 · Accepted Answer · 2016-06-06 10:02:17Z

1

try this

var selectedImages = document.querySelectorAll( "img[src*='abs.twimg.com']" );

check this doc

E[foo*="bar"] - an E element whose foo attribute value contains the substring bar

If you want to select images other than those containing abs.twimg.com, then try using a not selector

var selectedImages = document.querySelectorAll( "img:not([src*='abs.twimg.com'])" );

edited Jun 6, 2016 at 10:02

answered Jun 6, 2016 at 9:54

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

Comments

pwolaq · Accepted Answer · 2016-06-06 09:54:16Z

0

if by "filter out" you mean remove, then you can do the following:

var nodes = document.getElementsByTagName("img"); 
// or document.querySelectorAll if you don't care too much for compability
for(var i=0;i<nodes.length;i++){
    if(nodes[i].src.indexOf("abs.twimg.com") !== -1){
        nodes[i].parentElement.removeChild(nodes[i]); // remove
    }
}

answered Jun 6, 2016 at 9:54

pwolaq

6,41221 silver badges45 bronze badges

1 Comment

NineCattoRules Over a year ago

Hi, for "fiter out" I meant skip those img with that domain in src

Collectives™ on Stack Overflow

Filter from source attribute in Javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related