javascript - jQuery 循环改变 this 的含义

Question

 $(document).ready(function () {
            var numbersArray = [10, 49, 90, 110, 150, 69, 59, 20, 20, 30];
            for (var i = 0; i < numbersArray.length; i++) {
            //any constructor magic to make this refer to the number?


                $('#data').append(numbersArray[i]).append('<br/>');

            }
        });

假设我在这个循环中有很多工作要做。我可以让我的代码更短，并且我认为通过改变 的含义可能更具可读性this吗？

Answer 1

您可以使用$.each

$.each([10, 49, 90, 110, 150, 69, 59, 20, 20, 30], function(){
    // this is an instance of number whose value is the number
});

这可能就是你想要的。

Answer 2

如果这就是你计划做的全部，那么

$(document).ready(function () {
    var numbersArray = [10, 49, 90, 110, 150, 69, 59, 20, 20, 30];   
    $('#data').append(numbersArray.join('<br/>'));
});

演示：小提琴

如果要循环并使用this参考，请使用$.each()

$(document).ready(function () {
    var numbersArray = [10, 49, 90, 110, 150, 69, 59, 20, 20, 30];

    $.each(numbersArray, function () {
        $('#data').append(this).append('<br/>');
    })
});

演示：小提琴