jQuery | .唯一()方法

简介

jQuery 的 .唯一() 方法用于从匹配到的元素集合中删除所有重复的元素，只保留唯一的元素。

语法

$(selector).唯一();

参数

没有参数。

返回值

返回新的 jQuery 对象，包含所有不重复的元素。

示例

HTML 结构

<ul id="list">
  <li>apple</li>
  <li>banana</li>
  <li>orange</li>
  <li>apple</li>
  <li>grape</li>
</ul>

jQuery 代码

$('#list li').唯一().css('color', 'red');

效果

结果会将重复的元素去掉，只保留唯一的元素，并将所有元素的字体颜色设置为红色。

<ul id="list">
  <li style="color: red;">apple</li>
  <li style="color: red;">banana</li>
  <li style="color: red;">orange</li>
  <li style="color: red;">grape</li>
</ul>

相关方法

.过滤()

.过滤() 方法用于从匹配到的元素集合中筛选出符合条件的元素。

$(selector).过滤(filter);

• filter: 一个字符串，用来筛选元素的表达式。

.去重()

.去重() 方法用于从匹配到的元素集合中删除所有重复的元素，只保留唯一的元素。

$(selector).去重();