Build a sort selector depending variables in jQuery

Question

For a project I need to make a sort of constructor to change some element in a page:

I have for example:

var element = ".h-event img";
var match   = "eq(0)";
var type    = "img";
var value   = "breakfast.png";

Allowing me to construct:

$(element).attr('src', value);

With this code:

if(type=='img') {
    $(element).attr('src', value);
}

The problem I have actually, is to use the eq() selector in jQuery by using by match variable.

How can I do that ?

This is what I already tried without success:

var match = (match=='') ? '': '.'+match+'.';
if(type=='img') {
    $(element)match.attr('src', item.value);
}

Milind Anantwar · Accepted Answer · 2015-08-10 15:10:01Z

2

You can rather use :eq selector for better concatenation:

var match = (match=='') ? '': ':'+match+'';
if(type=='img') {
  $(element+match).attr('src', item.value);
}

answered Aug 10, 2015 at 15:10

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

4 Comments

Good solution. But if i use Zepto, the :eq isn't available. Do you have another solution to support Zepto by using eq() please ? zeptojs.com/#eq

try using ` $(element)["eq(0)"]().attr('src', item.value);`

I can accept it for jQuery but if I would like to use next, find(), ... it will not work.

why not?? zeptojs do not supports it??