How to concatenate dynamic values with Jquery selectors? [duplicate]

Question

I am having Jquery function with an div id, I have to attached a dynamic value with that div id. The div id name is foodtypes

$(function() {
var i = 0;
$('body').on('click','#foodtypes+i+ input',function() {
    console.log('foodtype function called')

});

But this method is never called.SO, i hardcoded the value of i as below then its working fine.

 $(function() {
var i = 0;
$('body').on('click','#foodtypes0 input',function() {
    console.log('foodtype function called')

});

Someone help me how to pass that or concatenate the variable dynamically.

You must be in a class, I saw this question yesterday. It's the same way you would concat a string to a variable. The selector is just a string. — scrappedcola
– scrappedcola, Commented Nov 9, 2014 at 6:44

jfriend00 · Accepted Answer · 2014-11-09 06:39:29Z

1

It's just string arithmetic in Javascript:

'#foodtypes' + i + ' input'

will produce this (if i === 0):

'#foodtypes0 input'

You can just add strings in Javascript and when you add a number to a string, the number is converted to a string before adding it onto the previous string.

answered Nov 9, 2014 at 6:39

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

Comments

Elias Mamalias Jr. · Accepted Answer · 2014-11-09 06:41:48Z

1

it should be:

$('body').on('click', '#foodtypes'+i+' input', function() {
    //do something
});

answered Nov 9, 2014 at 6:41

Elias Mamalias Jr.

621 silver badge6 bronze badges

Comments

Farshad · Accepted Answer · 2014-11-09 06:41:32Z

0

try to use below code :

   $(function() {
    var i = 0;
    $('body').on('click','#foodtypes' + i + ' input',function() {
        console.log('foodtype' + i + ' function called');
    });

answered Nov 9, 2014 at 6:41

Farshad

1,4951 gold badge9 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to concatenate dynamic values with Jquery selectors? [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related