jQuery selector with variable

Question

I need to select all images whose filename contain a certain string (variable) using jQuery. I am using:
var str='-out.';
$('img[src*='+str+']'). //do something

It works but fires the following warning in Firefox: " Expected ']' to terminate attribute selector but found '.' " Would someone know how to avoid this warning ?

Thank You

Answer 1

I think you need double quotes or single around the attribute value.

Look at Jquery Docs for attr*="value" selector

like this:

$("img[src*='"+str+"']")

OR

$('img[src*="'+str+'"]')

Answer 2

I try the following code and firefox doesn't fires any warning (it works as aspected)?

   var str=".png";
    $('img[src*='+str+']').each(function(){
      console.info(this.alt);
    });