Javascript 使用jquery对行进行编号_Javascript_Jquery

Javascript 使用jquery对行进行编号

javascript jquery

Javascript 使用jquery对行进行编号,javascript,jquery,Javascript,Jquery,我有个问题。我需要在表中添加行并使用javascript或jquery给出编号的类，如name\u 4、name\u 5等等 <body> <form action="" method="post"> <button>Добавить</button> <input type="submit" value="Подтвердить"> <table>

我有个问题。我需要在表中添加行并使用

javascript

或

jquery

给出编号的类，如name\u 4、name\u 5等等

    <body>
        <form action="" method="post">
        <button>Добавить</button>
        <input type="submit" value="Подтвердить">
        <table>
            <tr>
                <td class='name_1'>ФИО</td>
                <td class='subj1_1'>1-ый предмет</td>
                <td class='subj2_1'>2-ой предмет</td>
                <td class='subj3_1'>3-ий предмет</td>
            </tr>
            <tr>
                <td class='name_2'>text</td>
                <td class='subj1_2'>text</td>
                <td class='subj2_2'>text</td>
                <td class='subj3_2'>text</td>
            </tr> 
        </table>
        </form>
        <script>
        $(document).ready(function() {
            $("button").click(function(){
                var line = "<tr><td class='name'>Text</td><td class='subj1'></td><td class='subj2'></td><td class='subj3'></td></tr>"
                $("table").append(line)
                $("tr:last").hide()
                $("tr:last").fadeToggle(1000)
            });
        });
</script>


Добавить
ФИО
1-ый предмет
2-ой предмет
3-ий предмет
文本
文本
文本
文本
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
var line=“Text”
$（“表”）。追加（行）
$（“tr:last”）.hide（）
$（“tr:last”）.fadeToggle（1000）
});
});

使用

$（“#tableId tr）.length获取tr
的长度，并向其添加1

$（文档）.ready（函数（）{
$（“按钮”）。单击（功能（e）{
e、 预防默认值（）；
让getterlength=$（“#myTable tr”）.length+1；
var line=“Text”
$（“表”）。追加（行）
$（“tr:last”）.hide（）
$（“tr:last”）.fadeToggle（1000）
});
})；
.name\u 3{
颜色：绿色；
}

Добавить
ФИО
1-ый предмет
2-ой предмет
3-ий предмет
文本
文本
文本
文本
您的代码无法工作，因为您没有指定按钮类型属性
。请始终为
元素指定类型
属性。不同的浏览器对
元素使用不同的默认类型
如果在HTML表单中使用
元素，不同的浏览器可能会提交不同的值。使用
在HTML表单中创建按钮
如果按钮不向服务器提交表单数据，请确保将其类型属性
设置为按钮。否则，它们将尝试提交
表单数据并加载不存在的响应，可能会破坏文档的当前状态

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
var line=“Text”；
$（“表”）。追加（行）；
$（'tr:last'）.hide（）.fadeToggle（1000）
} );
}）；

Добавить
ФИО
1-ый предмет
2-ой предмет
3-ий предмет
文本
文本
文本
文本