javascript - 如何在两个不同的 jQuery 事件中使用同一个变量？

Question

我正在开发一个评级系统，并希望通过 jquery 提取每个评级值。 为此，我这样做，但我无法将上一个事件变量值获取到下一个事件中。

var r1Rating;
    $(".rating-input").on("click",function(){
        //alert($(this).attr("id"));

        var r1=$(this).attr("id");
        var r1Array=r1.split("-");
        //alert(r1Array[r1Array.length-1]);
        var r1Rating=parseInt(r1Array[r1Array.length-1]).toFixed(2);
        $("#total_rating").html(r1Rating);
        var r1Rating=r1Rating;
    });

$(".rating-input1").on("click",function(){
        alert(r1Rating); //I want to get value here
});

任何帮助、建议，我们将不胜感激。谢谢

Answer 1

即使您在外部作用域中有 r1Rating，由于您在点击处理程序中使用 var r1Rating，因此您将在点击处理程序中创建一个新的本地作用域变量。因此，您对变量所做的任何更改仅在该方法内部可见，外部作用域中的变量不会更新。

var r1Rating;
$(".rating-input").on("click", function () {
    //alert($(this).attr("id"));

    var r1 = $(this).attr("id");
    var r1Array = r1.split("-");

    //should not use var here
    r1Rating = parseInt(r1Array[r1Array.length - 1]).toFixed(2);
    $("#total_rating").html(r1Rating);
});

$(".rating-input1").on("click", function () {
    alert(r1Rating); //I want to get value here
});