31

重複の可能性:
jQuery でテーブル行を追加

変更イベントでテーブルに新しい行を追加したいと考えています。これが私がこれまでに持っているものです:

$('#CourseID').change(function() {
    $('#CourseListTable > tr > td:last').append('<td>...</td>');
});

ここに私のテーブルがあります:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>    
<table id="CourseListTable">
    <tr>
        <th>Course ID</th>
        <th>Course Section</th>
        <th>Level</th>            
    </tr>
    <tr>
        <td><select name="CourseID" id="CourseID"></select></td>
        <td><select name="CourseSection" id="CourseSection"></select></td>
        <td><select name="Level" id="Level"></select></td>            
    </tr>
</table>

これを機能させることができません。私はここに何かが欠けています.誰かが私のエラーがどこにあるのか教えてもらえますか?

前もって感謝します。

4

6 に答える 6

10

行の追加について言及していますが、コードではセルだけを追加しています。

実際に行全体を追加する必要がある場合は、これを試してください。

$('#CourseID').change(function() {
    $('<tr/>').append('<td>...</td>').insertAfter('#CourseListTable tr:last');
});
于 2012-07-18T17:51:06.127 に答える
6

この行:

$('#CourseListTable > tr > td:last').append('<td>...</td>');

<td>...</td>TD ( ) を既存の TD ( ) に追加しtd:lastます。それを TR に追加します。

$('#CourseListTable > tr').append('<td>...</td>');

もちろん、あなたは新しいを追加<td>したい<tr>と言っていました。

于 2012-07-18T17:47:15.087 に答える
3
$('#CourseID').change(function() {
    $('#CourseListTable > tbody > tr:eq(1)').append('<td>...</td>');
});
于 2012-07-18T17:48:58.623 に答える
0

after代わりに使用する必要appendがありますtr

$('#CourseID').change(function() {
    $('#CourseListTable tr:last').after('<tr><td>test</td><td>test</td><td>test</td></tr>');
});
于 2012-07-18T17:52:51.120 に答える
0

これに従ってください:

JQuery Cloned 行属性のカスタマイズ

各セルを複製、追加、カスタマイズできます。非常に柔軟です。

于 2012-07-18T18:03:31.320 に答える
0

新しい行を追加したい場合は、追加する必要がありますtr

$('#CourseListTable tr:last').after('<tr><td>...</td><td>...</td><td>...</td></tr>');
于 2012-07-18T17:51:27.127 に答える