jquery - 使用 jQuery 追加后重置 CSS 样式

Question

我正在用回调返回的内容填充一个 DIV，回调中有多个 HTML 元素，每个元素都有自己的关联类。然而，在我调用 .append 之后，内容并没有以正确的关联样式出现。

$.ajax({
    type: "GET",
    url: "blah.xml",
    dataType: "xml",
    data: myData,
    success: function(xml) {
        $(xml).find('item').each(function(){
            var id = $(this).attr('appId');
            $('<li><h5 class="thing">' + id + '</h5>').appendTo('#results');
        });
    }
});

因此它获取 ID 并将 ID 设置在 H5 上，类别为“thing”，然后附加到 DIV 结果。这工作正常，但问题是当这种情况发生时，名为“thing”的类永远不会被应用。它肯定存在，但没有被渲染。

有什么想法吗？

Answer 1

$('#results').append('<li><h5 class="thing">' + id + '</h5>');

所以，出于很多原因，包括性能原因和 <ul> 的自动关闭等，我建议您首先将整个子树构建为字符串。

var s = '<ul>';
$(xml).find('item').each(function(){
    var id = $(this).attr('appId');
    s += '<li><h5 class="thing">' + id + '</h5></li>';
});
$('#results').append(s + '</ul>');