javascript - 将数据 id 从 php 循环传递到 jquery

Question

我正在使用 PHP foreach 循环来创建评级输入:

<input id="input<?php echo $i ?>" data-id="<?php echo $i ?>" class="rating-loading">

问题是 id="input" 对于 jQuery 函数应该是唯一的，我不知道如何将此数据 id 传递给 jQuery，我尝试将其设置为如下所示:

$(document).on('ready', function(){
    $('#input'+id).rating({
        //my function
    });
});

但是它不起作用。如果在顶部我制作 id="input1" 并在脚本中添加 var id = 1; 它仅适用于循环内的第一个输入，但我不知道如何将此 data-id 传递给 jQuery。我什至尝试过:

$(document).on('ready', function(){
    $(this).attr('data-id').rating({
        //my function
    });
});

但是这也不起作用。请帮助我。

Answer 1

不要使用增量id属性；它们很快就会变得难以维护。请改用公共(public)类。您的输入已经有一个 . rating-loading 类，因此我们可以使用它:

<input data-id="<?php echo $i ?>" class="rating-loading">

$('.rating-loading').rating({
    //my function
});