Is it possible to concatenate a jQuery selector with a variable?

Question

I have the following code inside a javascript function that is inside a page . php:

if (indice_da_aba == -1)
{
   window.alert('não existe ABAS AINDA');
}
else                    
if (indice_da_aba == 0)
{
   $('a[href="#tab_00"]').tab('show');
}
else
if (indice_da_aba == 1)
{
   $('a[href="#tab_01"]').tab('show');
}
else
if (indice_da_aba == 2)
{
   $('a[href="#tab_02"]').tab('show');
}

As you can see there are many ifs.

I wonder if it is possible to write a if as follows:

if (indice_da_aba == -1)
{
   window.alert('não existe ABAS AINDA');
}
else                    
{
   $('a[href="#tab_0+indice_da_aba+"]').tab('show');
}

The way I wrote it doesn’t work. There would be a sure way to write (concatenate) that line or it’s not possible?

Answer 1

Yes, using the concatenation operator (+).

$('a[href="#tab_0' + indice_da_aba + '"]').tab('show');

But for that, you need to have a value on each side of the operator. In the code shown, you even used the +, but forgot to close the quotes to "close" the string.

Can also do in a more modern way using strings template:

$(`a[href="#tab_0${indice_da_aba}"]`).tab('show');

Note that this last form may not work in some browsers.

See working:

const indice_da_aba = 123;

console.log('a[href="#tab_0' + indice_da_aba + '"]');
console.log(`a[href="#tab_0${indice_da_aba}"]`);

Answer 2

You just forgot the aspas simples before and after the +

if (indice_da_aba == -1){
   window.alert('não existe ABAS AINDA');
}else{
   $('a[href="#tab_0'+indice_da_aba+'"]').tab('show');
}