javascript - 在添加属性之前使用 $.post 附加到 html

Question

我正在使用 $.post 来获取 html 页面。然后我需要获取此数据并将其附加到当前 DOM。但是，我需要先修改属性，然后再附加:

我尝试了以下方法，但没有成功:

$.post(link, function (data) {
    $(data).css('display', 'none');
    $('#page').append(data);
});

Answer 1

data 是一个字符串值，当您使用 $(data) 时，它会返回给定标记的 jQuery 对象，但 jQuery 对象中所做的更改将不会得到反射(reflect)在data引用的字符串中。因此，当您在 append() 操作中再次使用 data 时，之前所做的更改将会丢失。

作为解决方案，您可以存储对第一步中创建的 jQuery 对象引用的引用，然后在 append() 操作中使用该引用。

$.post(link, function (data) {
    var $data = $(data);
    if (somecondition) {
        $data.css('display', 'none');
    }
    $('#page').append($data);
});