CODEWITHSUNDEEP
javascriptjqueryimageclassdom
Jonathan
Jonathan

Reputation: 201

jQuery selector for all <img> in a div if class includes a certain string

I would like to be able to select both of these with a single css selector:

<div id= "someID">
  <img src="images/leave-alone.png" class= "leave-alone">
  <img src= "images/source.png" class= "foo bar">
  <img src= "images/other-source.png" class= "foo zip">
</div>

Ideally, something like "class includes 'foo'" to capture both those images at once. I know i can use .children().last().remove() twice but I'd like to make sure my code is a bit more dynamic than that.

EDIT: realized I'm doing this on a click, so I'd like to be able to achieve the same thing with $(this) as my jQuery starting point.

EDIT: I hacked it with $("#" + $(this).attr("id") + " img.foo").remove() but maybe there's something more elegant.

Upvotes: 0

Views: 36

Answers (2)

andre mcgruder
andre mcgruder

Reputation: 1520

You can try $('img[class~=foo]').

Advanced selectors are great. This is the source link.

Upvotes: 1

ssilas777
ssilas777

Reputation: 9754

You can try this to select all images with class foo

$("img.foo")

Or like this to select images with class foo under div with id someId

$("#someID img.foo")

Upvotes: 1

Related Questions