我使用 jQuery 将 JSON 数据附加到表中。我正在使用 jExpand plugin 来扩展我的行。我想将 class="arrow" 和 colspan="5" 添加到我的 jQuery 代码中。当我输入它们时它会出错。我怎样才能将它们包含在 jQuery 代码中。
<td><div class="arrow"></div></td>
<td colspan="5">
向表中添加数据的代码
$("#tableid").append("<tr><td> Product </td> <td >" + Day[0].substring(5, 11) + "</td><td> Current </td><td> Weekly </td><td> Monthly </td></tr>");
for (var i = 1; i <= result.length; i++) {
$("#tableid").append("<tr><td>" + result[i].product + "</td><td><img src='images/" + result[i].Day01 + ".png' /></td><td><img src='images/" + result[i].Day07 + ".png' /></td><td><img src='images/" + result[i].WeeklyWeather + ".png' /></td><td><img src='images/" + result[i].MonthlyWeather + ".png' /></td><td><div class="arrow"></div></td></tr>");
}
HTML代码
<html>
<head>
<title>Expand table rows with jQuery - jExpand plugin - JankoAtWarpSpeed demos</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="js/dataBind.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#report tr:odd").addClass("odd");
$("#report tr:not(.odd)").hide();
$("#report tr:first-child").show();
$("#report tr.odd").click(function(){
$(this).next("tr").toggle();
$(this).find(".arrow").toggleClass("up");
});
//$("#report").jExpand();
});
</script>
</head>
<body>
<h1>JankoAtWarpSpeed demos</h1>
<div class="CSSTableGenerator" >
<table id="tableid">
</table>
</div>
<em>* Information taken from Wikipedia</em>
</body>
</html>
最佳答案
你的脚本应该是
$("#tableid").append("<tr><td> Product </td> <td >" + Day[0].substring(5, 11) + "</td><td> Current </td><td> Weekly </td><td> Monthly </td></tr>");
for (var i = 1; i <= result.length; i++) {
//here your html breaks that fixed
$("#tableid").append("<tr><td>" + result[i].product + "</td><td><img src='images/" + result[i].Day01 + ".png' /></td><td><img src='images/" + result[i].Day07 + ".png' /></td><td><img src='images/" + result[i].WeeklyWeather + ".png' /></td><td><img src='images/" + result[i].MonthlyWeather + ".png' /></td><td><div class='arrow'></div></td></tr>");
}
关于javascript - jQuery 中的 div 标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34308780/