jquery - 如何使用 jQuery 动态添加超链接？

Question

我正在使用 jQuery 的 getJson 来获取 Json 对象，并希望将其显示在 html 页面上。

我可以使用如下代码成功显示它们:

$.getJSON(full_name, {}, function(data) {

        $.each(data, function(index, field){
          $("div").append(index + " : " + field + "<br>");
        });
});

在 json 数据中，有一个索引名为“reference”的项目。我想将其字段从简单文本更改为超链接。当我点击这个链接时，它会向一个 url 发送 GET 方法请求，并在新页面上显示从服务器获取的内容。

如何改变我的页面来实现这个功能？

提前致谢。

Answer 1

尝试

$.getJSON(full_name, {}, function(data) {
    $.each(data, function(index, field){
        if(index == 'reference') {
            html = '<a href="link">' + field + "</a><br/>";
        } else {
            html = index + " : " + field + "<br>";
        }
        $("div").append(html);
    });
});