javascript - jQuery 附加为文本而不是 html

Question

以下代码从 Ajax json 调用获取一个值，并将其附加到具有相应值的 div。问题是，它附加为文本，而不是 html，所以我确实将我的 html 视为页面上的文本。我该如何解决这个问题？

$.ajax({
    url: "https://domain.com/maprequest.php",
    type: "POST",
    dataType: 'json',
    data: JSON.stringify(url_array),
    crossDomain: true,
    success: function(response) {
        $.each(response, function(k, v) {
            if (v != "") {
                $('.offer-list li .img a')[k].append("<div class='hoverbox'><img src='" + v + "' alt='hover' /></div>");
            }
        });
    }
});

Answer 1

通过编写 $('.offer-list li .img a')[k] 您可以在索引 k 处获得实际的 HTML 元素，而不是 jQuery 集。我猜你的问题就是由这个引起的。

试试这段代码。

$('.offer-list li .img a').eq(k).append("<div class='hoverbox'><img src='" + v + "' alt='hover' /></div>");

eq 函数将在内部过滤索引 k 处的 HTML 元素的 jQuery 集。请参阅文档 here .

真正让你困惑的是，一个 HTML 元素有 append 和 appendChild 方法，每个方法分别附加纯文本，或一个给定元素的子节点，因此您的代码将 HTML 附加为纯文本。