jquery中append产生的节点的问题

我代码里在不同的地方通过判断运用了好多append循环产生了好多行代码,现在要删除其中某一行,发现append产生的都是一个一个的节点,就算在前面加tr,td,div也只是一个节点不能包括下面的节点,如下:<tr>
<td id="CoreVADBegin"></td>
</tr>
<input id="CoreVADBegin" type="CheckBox" value="开始日期">
开始日期(StartTime)
<input id="CoreVADBegin" type="CheckBox" value="记录日期">
记录日期(RecordTime)
<a id="CoreVADBegin" onclick="Deleteclick('CoreVADBegin')" style="text-decoration: none;" href="#">
<strong>
<font color="#757F7F"> Remove</font>
</strong>
</a>
<br>
<hr style="width: 100%;">
我是想在hr后面加上</td></tr>的,这样好删除,有高手知道怎么解决吗?

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

$('body').append('</td></tr>');
加了,不管把这句放哪都没用,代码在前面
$("#table").append("<tr><td id='" + left + "'>");
后就自动生成了</td></tr>
$('hr').after("<tr><td id='" + left + "'>")
MuBeiBei我把jquery中代码全贴出来吧,我想实现这个效果<tr><td  id='" + left + "'>$("#table").append("<tr><td id='" + left + "'>");
$("#table").append("<input type='CheckBox' id='" + field[j].Name + "' value='" + field[j].TableFieldCN + "'/>" + field[j].TableFieldCN + "(" + field[j].TableFieldEN + ")");
$("#table").append("----" + "<strong>" + child.data[n].childname + "</strong>");
$("#table").append("    " + "<a id='" + left + "' href='#' style='text-decoration: none' onclick=Deleteclick('" + left + "')>" + "<strong>" + "<font color='#757F7F'> " + "Remove" + "</font> " + "</strong>" + "</a></td></tr>");
                $("#table").append("<br/>");
                $("#table").append("<hr style='width:100%;'/>");</td></tr>现在问题是</td></tr>到不了最后,在$("#table").append("<tr><td id='" + left + "'>");后就自动生成了,汗
$("#table").append("<hr style='width:100%;'/></td></tr>");写在这可以吧？
呃~·
$('#'+left).append("</td></tr>")
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
    <body>

       <table id="table"></table>
     <script>
        $("#table").append("<tr><td>");
$("#table").append("<input type='CheckBox' id='' value='' />");
$("#table").append("----" + "<strong></strong>");
$("#table").append("    " + "<a id='' href='#' style='text-decoration: none' onclick=Deleteclick('')>" + "<strong>" + "<font color='#757F7F'> " + "Remove" + "</font> " + "</strong>" + "</a></td></tr>");
                $("#table").append("<br/>");
                $("#table").append("<hr style='width:100%;'/></td></tr>");

alert($('#table').html())
        </script>

    </body>
</html>  $("#table").append("<hr style='width:100%;'/></td></tr>");
这样写可以啊~·
$("#table").append("<tr><td id='\" + left + \"'>");你是要输出双引号么？
如果是的话加上双引号的转义符
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
    <body>

       <table id="table"></table>
     <script>
var str = "<tr><td><input type='CheckBox' id='' value='' />----<strong></strong>    <a id='' href='#' style='text-decoration: none' onclick=Deleteclick('')><strong><font color='#757F7F'>Remove</font></strong></a></td></tr><br/><hr style='width:100%;'/></td></tr>"

$('#table').append(str)
alert($('#table').html())
        </script>

    </body>
</html>  用这种方式加~·
先拼在一个字符串变量里，然后再append在table里，这样就没问题了
$("#table").append('内容')
换成：
$("#table").html($(this).html()+'内容')
LZ如果这样加HTML片断到文档中效率是很低下的，为什么不是把所有要加的HTML片断都尽可能的组织到一起再一次性的加进去呢？我看了你的程序，好像没有特殊需求要这样做啊
不是.我吧前面的都包括在一个tr或td,或其他的什么里面,
好吧,大哥,我吧代码全贴出来,看看怎么弄比较好$("#child input:checked").each(function () {
            if ($(this).attr("Showcheck") == 0) {
                var b = $(this).val();
                data += b + "&";
                length = data.length;
            }
        });        for (var i = 0; i < data.length; i++) {
            letter = data.substring(i, i + 1);
            if (letter == "&") {
                left = data.substring(0, i);
                $("#table").css("display", "block");
                $("#table").append("<tr><td id='" + left + "'>");
                for (var j = 0; j < field.length; j++) {
                    if (left == field[j].Name) {
                        $("#table").append("<input type='CheckBox' id='" + field[j].Name + "' value='" + field[j].TableFieldCN + "'/>" + field[j].TableFieldCN + "(" + field[j].TableFieldEN + ")");
                    }
                }
                for (var n = 0; n < child.data.length; n++) {
                    if (left == child.data[n].childid)
                        $("#table").append("----" + "<strong>" + child.data[n].childname + "</strong>");
                }
                $("#table").append("    " + "<a id='" + left + "' href='#' style='text-decoration: none' onclick=Deleteclick('" + left + "')>" + "<strong>" + "<font color='#757F7F'> " + "Remove" + "</font> " + "</strong>" + "</a></td></tr>");
                $("#table").append("<br/>");
                $("#table").append("<hr style='width:100%;'/>");
                $("#table").append("</td></tr>");
                alert($('#table').html());
                data = data.substring(i + 1, length);
                i = 0;
            }
        }
$("#child input:checked").each(function () {
            if ($(this).attr("Showcheck") == 0) {
                var b = $(this).val();
                data += b + "&";
                length = data.length;
            }
        });
var str = '';
        for (var i = 0; i < data.length; i++) {
            letter = data.substring(i, i + 1);
            if (letter == "&") {
                left = data.substring(0, i);
                $("#table").css("display", "block");
                str += "<tr><td id='" + left + "'>";
                for (var j = 0; j < field.length; j++) {
                    if (left == field[j].Name) {
                        str += "<input type='CheckBox' id='" + field[j].Name + "' value='" + field[j].TableFieldCN + "'/>" + field[j].TableFieldCN + "(" + field[j].TableFieldEN + ")";
                    }
                }
                for (var n = 0; n < child.data.length; n++) {
                    if (left == child.data[n].childid)
                        str += "----" + "<strong>" + child.data[n].childname + "</strong>";
                }
                str += "    " + "<a id='" + left + "' href='#' style='text-decoration: none' onclick=Deleteclick('" + left + "')>" + "<strong>" + "<font color='#757F7F'> " + "Remove" + "</font> " + "</strong>" + "</a></td></tr>";
                str += "<br/>";
                str += "<hr style='width:100%;'/>";
                str += "</td></tr>";
$('#table').append(str);
                alert($('#table').html());
                data = data.substring(i + 1, length);
                i = 0;
            }
        }
我把tr改成div,换行符也出来了
试下
$("#child input:checked").each(function () {
            if ($(this).attr("Showcheck") == 0) {
                var b = $(this).val();
                data += b + "&";
                length = data.length;
            }
        });        var strTemp="";
for (var i = 0; i < data.length; i++) {
            letter = data.substring(i, i + 1);
            if (letter == "&") {
                left = data.substring(0, i);
                $("#table").css("display", "block");
                strTemp+="<tr><td id='" + left + "'>";
                for (var j = 0; j < field.length; j++) {
                    if (left == field[j].Name) {
                        strTemp+="<input type='CheckBox' id='" + field[j].Name + "' value='" + field[j].TableFieldCN + "'/>" + field[j].TableFieldCN + "(" + field[j].TableFieldEN + ")";
                    }
                }
                for (var n = 0; n < child.data.length; n++) {
                    if (left == child.data[n].childid)
                        strTemp+="----" + "<strong>" + child.data[n].childname + "</strong>";
                }
                strTemp+="    " + "<a id='" + left + "' href='#' style='text-decoration: none' onclick=Deleteclick('" + left + "')>" + "<strong>" + "<font color='#757F7F'> " + "Remove" + "</font> " + "</strong>" + "</a></td></tr>";
                strTemp+="<br/>";
                strTemp+="<hr style='width:100%;'/>";
                strTemp+="</td></tr>";
$('#table').append(strTemp);
                alert($('#table').html());
                data = data.substring(i + 1, length);
                i = 0;
            }
        }