Question

我阻止链接，如下：

<div class="alphabet__links">
    <a href="#">Acorelle</a>
    <a href="#">Bentley Organic</a>
    <a href="#">BioKap</a>
    <a href="#">BioSolis</a>
    <a href="#">DeoNat</a>
    <a href="#">Dishmatic</a>
    <a href="#">Ecodoo</a>
    <a href="#">Ecover</a>
    ....
</div>

我需要隐藏除第一个之外的所有元素，这些元素从同一个字母开始。因此，应该有

<div class="alphabet__links">
    <a href="#">Acorelle</a>
    <a href="#">Bentley Organic</a>
    <a href="#">DeoNat</a>
    <a href="#">Ecodoo</a>
    ....
</div>

Answer 1

一种可能的解决方案：

var alphabet = [];
$('.alphabet__links > a').filter(function() {
    var letter = $.trim($.text(this)).charAt(0);
    if ($.inArray(letter, alphabet) > -1) {
        return true;
    }
    alphabet.push(letter);
}).remove();

DEMO： http://jsfiddle.net/FY5eC/2/

Jquery用相同的第一个字母隐藏单词

1 个答案: