Question

关于ajax输出html中 onclick事件的问题！

tablehead="<div id='show"+j+"' style='display: none'><hr><table class='bordered'><tr><th align='center' width='100px'>Casno</th><th align='center' width='150px'>ChineseChemicalName</th><th align='center' width='200px'>ChineseSynonyms</th><th align='center' width='150px'>EnglishChemicalName</th><th align='center' width='200px'>EnglishSynonyms</th></tr>";
table = table + "<tr><td width='100px'><p>"+ dataArray[j].Casno +"</p></td><td width='150px'><p>"+dataArray[j].ChineseChemicalName + "</p></td><td width='200px'><p>"+dataArray[j].ChineseSynonyms
+"</p></td><td width='150px'><p>"+ dataArray[j].EnglishChemicalName +"</p></td><td width='200px'><p>"+dataArray[j].EnglishSynonyms +"</p></td></tr>";
table=tablehead+table;
table=table+"</table>";
tableStrReslut=tableStrReslut+table;
title =titlehead+ "<span onclick='document.getElementById('show"+j+"').style.display='block'; return false;'>"+dataArray[len-1].Listing +"</span><br/>";

title=title+tableStrReslut+"</div>";
tableStrListing=tableStrListing+title;
$("#scroll-box").html(tableStrListing);
输出的内容中onclick事件不管用！

点击箭头所指的内容应该相应onclick事件，显示所属标题的内容！
求大侠帮忙!在线等!!!

Answer 1

<span onclick=\"document.getElementById('show" + j + "').style.display='block'; return false;\">

追问

如果想要再点击隐藏应该怎么写啊?!

追答

function show(j) {
var oDiv = document.getElementById("show" + j);
if (oDiv.style.display == "block") {
oDiv.style.display ="none";
}
else {
oDiv.style.display = "block";
}
}
onclick=\"show('" + j + "'); return false;\"