Javascript将继续添加元素

我试图在每次单击sponsorListTree li时追加一次

列表[I]。名称和列表[I]。电子邮件。我可以附加
document.getElementById（“name”）.appendChild（div_组）但问题发生在我单击div几次时，相同的数据将相加，而不是只显示一次结果


$.ajax({
url:'test.php'，
方法：“GET”，
成功：函数（数据）{
var列表=数据；
对于（i=0；i”）；
}
$（“#赞助商列表树li”）。单击（函数（）{
var name=$（this）[0]；
var details=$（this.find（'span'）[0]。innerHTML
var div_name=document.createElement（'div'）；
var div_details=document.createElement（'div'）；
div_name.innerHTML=名称；
div_details.innerHTML=详细信息；
div_name.className=“nameDetail”；
div_details.className=“detail”；
var div_group=document.createElement（'div'）；
div_group.append（div_名称）；
div_group.append（div_详细信息）；
document.getElementById（“名称”）.append（div_组）；
}); 
$（“.button”）。单击（函数（）{
$（“span”）.toggleClass（“详细信息”）；
});
}
});







为什么要在
success
回调处理程序中绑定事件处理程序？可能重复
for（i=0
for（var i=0
您说，“当我单击div几次时，将显示相同的详细信息。”这不是预期的功能吗？如果单击同一列表项，该列表项的电子邮件将不会更改。是的，这是真的，但每次单击div时它都会不断添加新记录。我希望该记录只显示一次