Question

我需要选择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>');

Answer 1

试试这个：

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

FIDDLE DEMO

Answer 2

我认为你需要

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

Answer 3

很快，要tbody使用此功能：

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

附加新单元格：

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

此：

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

将返回tr元素列表，而不是tbody。并且tbody您要将新的tr附加到。{/ p>

Answer 4

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

Answer 5

你可以试试这个

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

$('#retour tbody').html(trs);

Answer 6

你需要使用：



<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>

<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>

jQuery选择器子项

6 个答案: