Javascript 在每个 tr 中获取最高的 td>div

Question

我有一个动态表。每个 tr 包含 5 个 td product类。我正在编写某种脚本，该脚本在每行上获取最高.product>.content-text并将.content-text的min and max height设置为此值，然后检查下一行，直到我有行。

现在我有了这个脚本，它可以获取所有.product>.content-text中的最大值并将其设置为 .content-text .但有时一个小td就足够了，所以我想一行一行地检查它。

var maxHeight = Math.max.apply(null, $(".content-text").map(function () {
    return $(this).height();
}).get());
$(".content-text").css("max-height", maxHeight);
$(".content-text").css("min-height", maxHeight);

如何修改此脚本以仅检查每一行，设置最后 5 .content-text，然后跳到下一行。

我的网页：

<table>
<tbody>
<tr>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
</tr>
<tr>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
<td class="product"><div class="content-text"></div></td>
</tr>
.
.
.
</tbody>
</table>

Answer 1

在 tr 中添加类并使用 ：last 选择它们。

或者你可以使用 ：gt(N( 来获取超过 N 的元素索引