将变量从javascript传递回HTML？

Question

我将变量传递回 html，对于图片或链接，它工作正常。但我只想显示“用户名”字段的“文本”。这是我的 javascript 正在做的事情：

$.each(data, function(i, item) {
                var ncode = '<div id="box"><div id="box.mainimg"><a href="'+data[i].url+'" target="_blank"><img src="'+data[i].thumb+'"></a></div><div id="box.footer"><img src="'+data[i].avatar+'"><a href="'+data[i].profilelink'" target="_"blank">"'+data[i].username'"</a></div></div>';
                $(container).append(ncode);
            });

它将 .thumb、.avatar 作为照片传递就可以了，但是当我去链接用户的实际名称（可点击到 URL）时，它会出错。我确信它是一个简单的，但我无法弄清楚。

Answer 1

在附加变量 data[i].profilelink、data[i].username 时，末尾缺少“+”符号。您也可以在循环中使用item 直接访问元素，如下所示。

 $.each(data, function(i, item) {
        var ncode = '<div id="box"><div id="box.mainimg"><a href="'+item.url+'" target="_blank"><img src="'+item.thumb+'"></a></div><div id="box.footer"><img src="'+data[i].avatar+'"><a href="'+item.profilelink+'" target="_"blank">"'+item.username+'"</a></div></div>';
        $(container).append(ncode);
    });

Answer 2

您忘记在用户名和个人资料链接末尾添加+

$.each(data, function(i, item) {
                var ncode = '<div id="box"><div id="box.mainimg"><a href="'+data[i].url+'" target="_blank"><img src="'+data[i].thumb+'"></a></div><div id="box.footer"><img src="'+data[i].avatar+'"><a href="'+data[i].profilelink+'" target="_"blank">"'+data[i].username+'"</a></div></div>';
                $(container).append(ncode);
        });