Question

我在表体中另外添加'tr'，但是，它正在错误地添加行，如下所示：

<tbody>
<tr></tr>
<td>
<input class="code" type="text" value=" ">
</td>
<td>

但是，它应该是

<tbody>
    <tr>
    <td>
    <input class="code" type="text" value=" ">
    </td>
    <td></tr>

JQuery的

var elemTabe = tab=$("div#documentation table#refdoc tbody");



    var cols="";

                for (var i = 0; i < tabColLen; i++)
                {
                    cols += '<td><input type="text" class="code"   value=" "  /> </td>';
                }       

                $(elemTabe).append('<tr></tr>').append(cols);

我哪里出错了？

Answer 1

使用.wrapAll（）：

var elemTabe = $("div#documentation table#refdoc tbody");
var cols="";
for (var i = 0; i < tabColLen; i++)
{
   cols += '<td><input type="text" class="code"   value=" "  /> </td>';
}       

$(elemTabe).append(cols).children().wrapAll("<tr/>");

DEMO

Answer 2

试试这个：

var $tr = $('<tr>')
for (var i = 0; i < tabColLen; i++)
{
      $tr.append($('<td>').text('<input type="text" class="code"   value=" "  />'));              
}  
$(elemTabe).append($tr);

Answer 3

你兴奋地在这行代码中写道：

 $(elemTabe).append('<tr></tr>').append(cols);

将<tr></tr>放在cols变量之前。

将其更改为：

 $(elemTabe).append('<tr>').append(cols).append('</tr>');

表行插入在jquery

3 个答案: