从数组中获取一部分属性值

Question

So basically i'm just trying to simplify this:

$('iframe[src*="foo"],iframe[src*="bar"]');

to something like:

var sources = ['foo', 'bar','something'];

$('iframe[src*="some string in array"]');

Hope you get the idea :)

Answer 1

You can insert the variable into the selector, like this:

var sources = ['foo', 'bar','something'];
$('iframe[src*="' + sources[0] + '"]');

See below for an example with images. The ones with red borders are selected as part of the array

 var arr = ["http://placebear", "http://lorempixel", "http://placehold", "http://loremflickr"]; for(var i = 0; i < arr.length; i++) { var $img = $('img[src*="'+arr[i]+'"]'); $img.addClass('inarray'); console.log($img); } 

 img { border: 3px solid #000; border-radius: 50%; } img.inarray { border-color: red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <img src="http://placebear.com/200/200" /> <img src="http://placecage.com/200/200" /> <img src="http://lorempixel.com/200/200" /> <img src="http://placehold.it/200x200" /> <img src="http://www.fillmurray.com/200/200" /> <img src="http://loremflickr.com/200/200" /> 

Answer 2

var sources = ['foo', 'bar','something'];

$('iframe[src*="'+sources[Math.floor(Math.random()*sources.length)]+'"]');