jquery获取li所有内容去掉重复的内容

文章描述:

jQuery获取所有li内容然后进行去重处理

<div class="gameList">
    <ul>
        <li>地下城与勇士</li>
        <li>英雄联盟</li>
        <li>王者荣耀</li>
        <li>绝地求生</li>
        <li>王者荣耀</li>
        <li>绝地求生</li>
    </ul>
</div>
var arr = [];
$(".gameList li").each(function(){
    arr.push($(this).text());
});
console.log(arr.join());	// 地下城与勇士,英雄联盟,王者荣耀,绝地求生,王者荣耀,绝地求生
console.log(arr);		// ['地下城与勇士', '英雄联盟', '王者荣耀', '绝地求生', '王者荣耀', '绝地求生']

 

去重

// 方法一
var uniqueFruits = Array.from(new Set(arr));
console.log(uniqueFruits);

[‘地下城与勇士’, ‘英雄联盟’, ‘王者荣耀’, ‘绝地求生’]

//方法二
var uniqueFruits = [new Set(arr)];
console.log(uniqueFruits)

Set(4) {‘地下城与勇士’‘英雄联盟’‘王者荣耀’‘绝地求生’}

发布时间:2022/10/13

发表评论