2

行 3 の後の挿入が機能しないのはなぜですか?
私が使用すべき他の方法はありますか？

<html>
<head>
    <title>Table Add Row</title>

<script type="text/javascript" src="../jquery.js"></script>
<script language="JavaScript">

    $("document").ready(function() {
        //alert("document ready");

        $("#EditComp tr:first").after('<tr><td>This row added after first</td></tr>');
        $("#EditComp tr:last").after('<tr><td>This row added after last</td></tr>');

        $('#EdRow3 tr').after('<tr><td>This row added after 3</td></tr>');

    });
</script>
</head>
<body>
    <table id="EditComp">
        <tbody>
            <tr id="EdRow1"><td>Row 1</td></tr>
            <tr id="EdRow2"><td>Row 2</td></tr>
            <tr id="EdRow3"><td>Row 3</td></tr>
            <tr id="EdRow4"><td>Row 4</td></tr>
            <tr id="EdRow5"><td>Row 5</td></tr>
        </tbody>
    </table>
</body>
</html>

行 3 の後の挿入が機能しないのはなぜですか?
私が使用すべき他の方法はありますか？

4

4 に答える 4

1

$('#EdRow3 tr')する必要があります$('#EdRow3')。

Yourstrは の子孫である を選択し#EdRow3ます。

$('tr#EdRow3')も機能しますが、要素は一意trであるため、必要ありません。id

于 2013-10-31T17:48:07.477 に答える
0

フィドル。

セレクターが正しくありませんでした。

$('#EdRow3').after('<tr><td>This row added after 3</td></tr>');
于 2013-10-31T17:49:44.760 に答える
0

これを変える

$('#EdRow3 tr').after('<tr><td>This row added after 3</td></tr>');

これに

$('tr#EdRow3').after('<tr><td>This row added after 3</td></tr>');
于 2013-10-31T17:48:36.413 に答える