1

我需要选择 tbody 并在此部分中插入一些 tr ：

<div id="retour">
<table>
    <thead>
    </thead>
    <tbody>
    </tbody>
</table>
</div>

我已经尝试了以下代码，但它没有工作：

var table = $('#retour > table > tbody').children();
table.append('<tr>');
table.append( '<td>' + 'MyInfos' + '</td>' );
table.append('</tr>');
4

6 回答 6

1

试试这个：

var table = $('#retour tbody');
table.append('<tr><td>' + 'MyInfos' + '</td></tr>');

小提琴演示

于 2013-07-12T13:52:12.860 回答
0

我想你需要

var table = $('#retour > table > tbody');
table.append('<tr><td>' + 'MyInfos' + '</td></tr>');
于 2013-07-12T13:51:42.303 回答
0

很快，要tbody使用这个：

var table = $('#retour > table > tbody');

要附加新单元格：

table.append('<tr><td>' + 'MyInfos' + '</td></tr>');

这：

var table = $('#retour > table > tbody').children();

将返回一个tr元素列表，而不是tbody. 这tbody就是您要附加 newtr的。

于 2013-07-12T13:51:49.337 回答
0

你可以离开.children(). 你还没有孩子tbody。

于 2013-07-12T13:52:20.463 回答
0

你可以试试这个

var trs = '<tr>';
trs += '<td>' + 'MyInfos' + '</td>';
trs += '<tr>';

$('#retour tbody').html(trs);
于 2013-07-12T13:54:05.997 回答
0

你需要使用： 

<head>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            function addTr(){
                var table = $('#retour > table > tbody');
                table.append('<tr>');
                table.append( '<td>' + 'MyInfos' + '</td>' );
                table.append('</tr>');
            }
        </script>
</head>
<body>
    <div id="retour">
        <button onclick="addTr()">Add</button>
        <table>
            <thead>             </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</body>

于 2013-07-12T14:22:50.203 回答