我有这个小提琴链接。在此您可以看到我的标记就像 ul 中的一堆 li。在此,我将 3 个 lis 作为一行,将下一个 3 个 lis 作为另一行,依此类推。现在我使用 jQuery 来获取一个 li 的高度,该高度比其他 2 个 lis 高,并使 2 个 lis 与最高 li 的高度相同。在这里,我的 jQuery 对第一行运行良好,但不适用于其他行。那么有人可以告诉我如何为其他行设置相同的高度吗?任何帮助和建议都将不胜感激。我的 jQuery 代码是这样的
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(function() {
var items = $("ul.products li");
var rows = items.length / 3;
if (rows <= 0)
rows = 1;
for(var r=0;r<rows;r++) {
normalizeRowHeight(r, items);
}
});
function normalizeRowHeight(row, itemSet) {
var maxRowHeight = 0;
itemSet.slice(0,3).each(function(i) {
if ($(this).height() > maxRowHeight )
maxRowHeight = $(this).height();
});
itemSet.slice(0,3).each(function(i) {
$(this).css('height', maxRowHeight + "px");
});
}
});
</script>