我无法在JQuery中添加属性

Question

我正在尝试向我的HTML元素动态添加属性。操作完成后，该属性已成功添加，但是我无法通过浏览器控制台在HTML中看到该属性。奇怪的是，这是事实，我可以使用console.log显示属性的值。

let xhr = new XMLHttpRequest();
xhr.responseType = 'json';
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        let result = xhr.response;
        appendFileIdsToExtraFields(result.ids,source)
    }
};

appendFileIdsToExtraFields是负责添加新属性的方法。

$(ids).each(function (key, value) {
    $('#file-'+(key+1)+'-description').attr('data-id',value);
    console.log($('#file-'+(key+1)+'-description').data('id'));
});

这是控制台中显示的值

但不在元素

中