Jquery 将div动态附加到表中的td var$table=$（''）.addClass（'commentbox'）； $table.append（“+”注释Id:“+”）； var$wrap=$（''）.attr（'id'，'container'）； var$in=$（''）.attr（'id'，'reply'）； $wrap.append（$in）； $table.append( $('') .附加（$（''）， $('')) ); $table.append（$wrap）；

我希望将div id容器添加到td中 但是我得到了html

 var $table = $('<table/>').addClass('commentbox');

$table.append('<tr><td>' + 'Comment Id:'+ '</td></tr>');

var $wrap = $('<div/>').attr('id', 'container');

var $in = $('<input type="button" value="Reply"/>').attr('id', 'reply');
$wrap.append($in);
 $table.append(
                 $('<tr>')
                         .append($('<td>'),
                         $('<td>'))
                       );
      $table.append($wrap);

评论

您需要将

$wrap

对象附加到

元素，而不是

$table

请尝试以下方法：

 <table>
   <tbody>
    <tr>
      <td>Comment</td>
     </tr>
     <tr>
        <td>
        </td><td></td>
     </tr>
  <tbody>
     <div id="container">
      <input type="button" value="Reply" id="reply">
     </div>
</table>

var$table=$（''）.addClass（'commentbox'）；
$table.append（“+”注释Id:“+”）；
var$wrap=$（''）.attr（'id'，'container'）；
var$in=$（''）.attr（'id'，'reply'）；
$wrap.append（$in）；
$table.append(
$（''）.append（$（''）.append（$wrap），$（''）.html（'hello'））
);

---

此处演示：

您还可以直接使用Javascript创建HTML：

var $table = $('<table/>').addClass('commentbox');

$table.append('<tr><td>' + 'Comment Id:'+ '</td></tr>');

var $wrap = $('<div/>').attr('id', 'container');
var $in   = $('<input type="button" value="Reply"/>').attr('id', 'reply');

$wrap.append($in);

$table.append(
    $('<tr>').append($('<td>').append($wrap), $('<td>').html('hello'))
);

使用Javascript添加元素可以提高性能

---

您需要附加到$（'table tbody'）。例如：

var table = document.createElement("table");

var tbody = document.createElement("tbody");
var tr_comment = document.createElement("tr");
var td_comment = document.createElement("td");
td_comment.appendChild(document.createTextNode("Comment"));
tr_comment.appendChild(td);
tbody.appendChild(tr_comment);

var tr_container = document.createElement("tr");
var td_container = document.createElement("td");
var div_container = document.createElement("div");
div_container.setAttribute("id", "container");
var input = document.createElement("input");
input.setAttribute("type", "button");
input.setAttribute("value", "Reply");
input.setAttribute("id", "reply");
div_container.appendChild(input);
td_container.appendChild(div_container);
tr_container.appendChild(td_container);
tbody.appendChild(tr_container);

table.appendChild(tbody);

$（'table tbody'）。追加（$（'new row'）；

$('table tbody').append($('<tr><td>new row</td></tr>'));