gpt4 book ai didi

javascript - 使用 javascript/jQuery 在每第五行之后 append 表格行

转载 作者:行者123 更新时间:2023-12-01 02:23:44 25 4
gpt4 key购买 nike

我需要在表中的每 5 行之后 append 一个表行计数。在不使用服务器端编程的情况下如何做到这一点? jQuery 或常规 javascript 都可以!

我想要这张 table :

   <table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
<tr><td>11</td></tr>
</table>

变成这样:

   <table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>--5th--</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
<tr><td>--10th--</td></tr>
<tr><td>11</td></tr>
</table>

最佳答案

你在这里

$("table tr:nth-child(5n)").after("<tr><td> new row </td></tr>")

更新

甚至更好

$("table tr:nth-child(5n)").each(function() {
$(this).after("<tr><td>--"+$("td", this).text()+"th--</td></tr>")
});

关于javascript - 使用 javascript/jQuery 在每第五行之后 append 表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8079510/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com