Javascript 如何使用Jquery选择器连接动态值？

我有一个带有div id的Jquery函数，我必须用这个div id附加一个动态值。 div id名称是foodtypes

但是这个方法从来没有被调用过。所以，我将i的值硬编码如下，这样它就可以正常工作了

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

});

---

有人帮我如何动态传递或连接变量。

这只是Javascript中的字符串算术：

'#foodtypes' + i + ' input'

如果i==0，则将产生此结果：

---

您只需在Javascript中添加字符串，当您向字符串中添加数字时，该数字将转换为字符串，然后再添加到上一个字符串中。

尝试使用以下代码：

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

应该是：

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

---

你一定在上课，我昨天看到了这个问题。这与将字符串转换为变量的方式相同。选择器只是一个字符串。

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

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