Question

我在页面上有很多类别，并且在jquery中使用每个函数，我列出了所有这些类别。我只想显示列表中的唯一类别，而不显示重复的类别。我应该在jquery中使用什么？

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

注意：我想要列出所有文本值中的唯一值。

Answer 1

您可以使用过滤器来获取唯一值ref Get all unique values in a JavaScript array (remove duplicates)。希望这就是您要寻找的，谢谢

$(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>

Answer 2

根据您的评论：

我有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>

我只想显示所有类别列表中的唯一类别。我应该在jquery中使用什么？

2 个答案: