jQuery组装table问题？

来源：百度知道 编辑：UC知道 时间：2024/05/27 17:31:29
页面：
<div class="rankally">
</div>
jQuery代码：
var markDiv=jQuery(".rankally");
markDiv.empty();
markDiv.append("<table>");
jQuery.each(list,function(i,mark){
markDiv.append("<tr>");
markDiv.append("<td>");
markDiv.append(mark.linkName);
markDiv.append("</td>");
markDiv.append("<td>");
var buttonUp=jQuery("<input type='button'/>");
markDiv.append("</td>");
buttonUp.attr("value","上移");
markDiv.append("<td>");
var buttonDown=jQuery("<input type='button'/>");
buttonDown.attr("value","下移");
markDiv.append(buttonUp);
markDiv.append(buttonDown);
markDiv.append("</td>");
markDiv.append("</tr>");
});

其实你的button没有加到tr里，直接加到div里了
试试这样一层层加吧~可能会比较清晰点

var markDiv = jQuery(".rankally");
markDiv.empty();

var tb = $("<table />");
jQuery.each(list,function(i,mark){
var tr1 = $("<tr/>");
var td11 = $("<td />");
td11.text(mark.linkName);

var td12 = $("<td />");
var buttonUp = jQuery("<input type='button'/>");
buttonUp.attr("value", "上移");
td12.append(buttonUp);

var td13 = $("<td />");
var buttonDown = jQuery("<input type='button'/>");
buttonDown.attr("value", "下移");