Question

我正在使用带有div id的Jquery函数，我必须使用该div附加动态值。 div id名称为 foodtypes

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

});

但是这个方法永远不会被调用。我将i的值硬编码为低于其工作正常。

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

});

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

Answer 1

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

'#foodtypes' + i + ' input'

会产生这个（如果i === 0）：

'#foodtypes0 input'

您只需在Javascript中添加字符串，当您向字符串添加数字时，该数字会在将其添加到上一个字符串之前转换为字符串。

Answer 2

尝试使用以下代码：

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

Answer 3

它应该是：

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

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

3 个答案: