jquery - 这个 jquery 函数中的 this 等于什么？

Question

function populateTable() {

    // Empty content string
    var tableContent = '';

    // jQuery AJAX call for JSON
    $.getJSON( '/users/userlist', function( data ) {

      // Stick our user data array into a userlist variable in the global object
      userListData = data;

        // For each item in our JSON, add a table row and cells to the content string
        $.each(data, function(){
            tableContent += '<tr>';
            tableContent += '<td><a href="#" class="linkshowuser" rel="' + this.username + '">' + this.username + '</a></td>';
            tableContent += '<td>' + this.email + '</td>';
            tableContent += '<td><a href="#" class="linkdeleteuser" rel="' + this._id + '">delete</a></td>';
            tableContent += '</tr>';
        });

        // Inject the whole content string into our existing HTML table
        $('#userList table tbody').html(tableContent);
    });
};

有问题的代码位于字符串连接部分内。 rel= 部分中的 this.username 等于什么？我们如何在 jquery 中对其进行字符串插值？

这似乎是指数据。这是正确的吗？

这些文档中没有很好地解释，因为 $.each 这里接受两个参数......数据和回调。

https://api.jquery.com/each/

Answer 1

是的，因为data是对象数组this指向该数组内的单个对象。

您还可以通过回调函数中的显式参数访问当前对象:

$.each(data, function(index, obj) {
    console.log(this === obj);
});