将变量从javascript传递回HTML?

时间:2014-02-25 04:45:23

标签: javascript html variables argument-passing

我将变量传递回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)时,它会出错。我确定它很简单,但我无法理解。

2 个答案:

答案 0 :(得分:0)

在追加变量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);
    });

答案 1 :(得分:0)

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

$.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);
        });