Good day!

I use jquery-1.3.2.min.js. I want append some link tags in a div, but something is wrong, against my expect.

some links are right, like this:

<a href="http://www.demo.com/123">demo</a>

but some are:

<a href="http://www.demo.com/123"/>demo

and these wrong tags was different is Firefox and IE 7.

For example such function:

json data:[{"linkKey":"http:://www.demo.com/123","linkValue":"demo"}]

html:

<div id="site"></div>

<div><a id="home">show</a></div>

$("#home").click(function(){

$.getJSON("demo.jsp",

function(json){

$.each(json,function(i){

$("#site").append("<span><a href="+json[i].linkKey+">"+json[i].linkValue+"</a></span>");});});});

To fix this, I have to change the function like this:

function(json){

$.each(json,function(i){

n = i+1;

$("site").append("<span><a id=id"+n+">"+json[i].linkValue+"</a></span>");

$("#id"+n).attr("href",json[i].linkKey);

});}

but this isn't suitable, I think.