在jQuery中添加表格行

作者: 狗头军师
发布时间: 2024-01-15 10:17:48 (4月前)

2 条回复

1#
回复此人
v-star*위위 | 2020-08-05 14-35

您所建议的方法并不能保证能为您提供所需的结果- tbody例如，如果有，该怎么办？ ``` <table id="myTable"> <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> ``` 您将得到以下结果： ``` <table id="myTable"> <tbody> <tr>...</tr> <tr>...</tr> </tbody> <tr>...</tr> </table> ``` 因此，我建议使用这种方法： `$('#myTable tr:last').after('<tr>...</tr><tr>...</tr>');` after()只要方法是有效的HTML，就可以在方法中包括任何内容，包括上面示例中的多行。更新：最近对此问题进行了活动之后，重新访问此答案。双眼失明很好地说明tbody了DOM中总会有a 。这是正确的，但前提是至少有一行。如果没有行，tbody除非您自己指定一个行，否则将没有行。 DaRKoN_ 建议在末尾附加tbody内容，而不要添加内容tr。这解决了没有行的问题，但是仍然不是防弹的，因为理论上您可以有多个tbody元素，并且行会添加到每个元素中。权衡所有因素，我不确定是否有一个单一的解决方案可以解决每种可能的情况。您将需要确保jQuery代码与您的标记一致。我认为最安全的解决方案可能是确保您的标记中table始终包含至少一个tbody，即使它没有行。在此基础上，您可以使用以下代码，无论您拥有多少行（并且也考虑了多个tbody元素），该代码都将起作用： `$('#myTable > tbody:last-child').append('<tr>...</tr><tr>...</tr>');`

编辑

登录后才能参与评论