Question

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

A |亚马逊

A |苹果

B | BMW

C | Chanel的

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

A |亚马逊

|苹果

B | BMW

C | Chanel的

换句话说，如果每个大写字母有多个实例，我只想显示第一个大写字母。如果我将一个类应用到第一列，有没有办法可以使用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')

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

2 个答案: