jQuery：计算表列中的特定字符

我有一个HTML表，其中每行有两列。 第一列是大写字母，第二列是品牌名称，如下所示：

A | 亚马逊

A | 苹果

B | 宝马

C | 香奈儿

但是，只要有两个品牌名称具有相同的第一个大写字母，我希望表格看起来像这样：

A | 亚马逊

| 苹果

B | 宝马

C | 香奈儿

换句话说，如果每个大写字母有多个实例，我想只显示第一个。 如果我将一个类应用于第一列，有没有办法使用jQuery实现这一点？

Answer 1

你可以使用each（）函数（假设你的第一列的类是leftCol ）：

 $(document).ready(function() { var lastLetter = ""; $(".leftCol").each(function() { var $this = $(this); var text = $this.text(); if (text != lastLetter) { lastLetter = text; } else { $this.text(""); } }); }); 

Answer 2

假设您给第一列的类称为“字母”：

 var previousLetter = null; $('table td.letter').each(function(i, el){ var currentLetter = el.innerHTML; if (currentLetter == previousLetter) el.innerHTML = ''; previousLetter = currentLetter; }); 

虽然，您不必为此分配特殊类，但您可以使用$('table td:first-child')

当然，这些解决方案只假设页面中有一个表，因此更明智的做法是给你的表一个id并使用$('#myTable td:first-child')