Я хочу отображать только уникальные категории из списка всех категорий.Что я должен использовать в jquery?

Question

У меня так много категорий на странице, и, используя каждую функцию в jquery, я перечисляю их все.Я хочу отображать только уникальные категории из списка, а не повторяющиеся.Что я должен использовать в jquery?

 jQuery(document).ready(function() {
    jQuery( ".rpc-post-category a" ).each( function( index, element ){
        console.log( jQuery( this ).text() );
    });
});

Примечание. Я хочу получить список уникальных значений из всех текстовых значений.

Answer 1

На основании вашего комментария:

У меня от 30 до 35 тегов, и я хочу найти уникальные текстовые значения из них

Вы можете использовать Set для хранения уникальных значений:

$(document).ready(function() {

   const uniqueLinks = new Set();

   $( ".class_name" ).each( function( index, element ){
    uniqueLinks.add($( this ).text());
   });
      
   for (const link of uniqueLinks) {
      console.log(link);
   }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<A href="whatever" class="class_name">1</A>
<A href="whatever" class="class_name">2</A>
<A href="whatever" class="class_name">2</A>
<A href="whatever" class="class_name">3</A>
<A href="whatever" class="class_name">3</A>
<A href="whatever" class="class_name">4</A>
<A href="whatever" class="class_name">4</A>
<A href="whatever" class="class_name">4</A>

Answer 2

Вы можете использовать фильтр, чтобы получить уникальное значение ref Получить все уникальные значения в массиве JavaScript (удалить дубликаты) . Надеюсь, это то, что вы ищете, спасибо

$(document).ready(function() {
   var result=[]
   $( ".class_name" ).each( function( index, element ){
    result.push( $( this ).text());
});
 result = result.filter((v, i, a) => a.indexOf(v) === i); 
 console.log(result)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" class="class_name">a</a>
<a href="#" class="class_name">b</a>
<a href="#" class="class_name">a</a>
<a href="#" class="class_name">c</a>
<a href="#" class="class_name">d</a>