Concatenate within a jquery variable

Question

How can I use a variable inside jquery id selector?

function more_comments(x){
    var datalist = "#s" + x;

    $('datalist li:hidden').slice(0, 2).show();
}

I've tried this

var datalist = "s" + x;
$('#datalist li:hidden').slice(0, 2).show();

and this.

$('#s' + x li:hidden').slice(0, 2).show();

If i manually write

$('#s50 li:hidden').slice(0, 2).show();

and click on the tag with an id == s50, it works perfectly. I searched for the correct syntax and can't find it. Thanks for any help.

A l w a y s S u n n y · Accepted Answer · 2017-07-15 17:33:55Z

1

Have you tried like this?

var x = 's50';
$('#' + x + ' li:hidden').slice(0, 2).show();

answered Jul 15, 2017 at 17:31

38.8k9 gold badges68 silver badges120 bronze badges

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

3 Comments

@baao sorry my bad :) thnx

Works perfectly. Thanks!

@John glad it works for you, by the way you can accept my answer :)

baao · Accepted Answer · 2017-07-15 17:30:00Z

0

If you want to concatenate a variable and a string, the variable needs to be outside of any ' or ":

function more_comments(x){
    var datalist = "#s" + x;
    $(datalist + ' li:hidden').slice(0, 2).show();
}

Using a template string (not supported by IE), you could use

$(`#s${x} li:hidden`).slice(0, 2).show();

And to avoid the variable creation beforehand

function more_comments(x){
    $('#s' + x + ' li:hidden').slice(0, 2).show();
}

answered Jul 15, 2017 at 17:30

baao

73.6k18 gold badges152 silver badges209 bronze badges