jquery 中的数组未填充

Question

所有，

我有一个似乎没有填充的数组。我可以看到数组的长度，但似乎无法通过简单的警报查看数据。

当我单击 href 时，将调用我的函数：

然后，我查找具有 .jobRole 类的元素来填充我的数组并显示警报。但是我遇到了困难。感谢您的任何帮助。

function close() {

    var jobRoleArray = [];

    $(".jobRole").each(function (index) {

        var jobRoleIndex = index;
        var jobRoleID = $(this).attr('id');
        var jobRoleName = $(this).text();

        var roleInfo = {
            "roleIndex": jobRoleIndex,
            "roleID": jobRoleID,
            "roleName": jobRoleName
        };

        queryStr = { "roleInfo": roleInfo };
        jobRoleArray.push(queryStr);

    });

    alert('show length: ' + jobRoleArray.length);

    for (var i = 0; i < jobRoleArray.length; i++) {

        alert('jobRoleIndex: ' + jobRoleArray[i].roleInfo.jobRoleIndex +
                ' jobRoleID: ' + jobRoleArray[i].roleInfo.jobRoleID +
                ' jobRoleName: ' + jobRoleArray[i].roleInfo.jobRoleName +
                ' showCount: ' + i);

    }

}

Answer 1

您没有访问正确的属性；使用这个代替：

alert('jobRoleIndex: ' + jobRoleArray[i].roleInfo.roleIndex +
        ' jobRoleID: ' + jobRoleArray[i].roleInfo.roleID +
        ' jobRoleName: ' + jobRoleArray[i].roleInfo.roleName +
        ' showCount: ' + i);