将变量从javascript传递回HTML？

Question

I'm passing variables back to html, and for pictures or links, its working fine.. But i want just the "text" of the 'username' field to show. Here's what my javascript is doing:

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

It passes the .thumb, .avatar, as photos just fine, but when i go to link the user's actual name (which is clickable to the URL) it errors out. I'm sure its a simple one, but I can't figure it out.

Answer 1

you are missing '+' symbol at the end while appending the variables data[i].profilelink, data[i].username. Also you can directly access the element using item inside the loop like below.

 $.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

You forgot to add a + at the end of the username and profilelink

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