javascript - jquery 操作 html

Question

我的动态生成的 html 如下所示

<ul class="missingList">
<li>Please select at least one answer</li>
<li>Please select at least one answer</li>
<li>Please select at least one answer</li>
<li>Please select at least one answer</li>
<li>Please select at least one answer</li>
<li>Please select at least one answer2</li>
<li>Please select at least one answer2</li>
<li>Please select at least one answer2</li>
</ul>

我想使用jquery检查所有重复过滤结果，使输出变成

<ul class="missingList">
<li>Please select at least one answer</li>
<li>Please select at least one answer2</li>
</ul>

Answer 1

你可以使用字典之类的东西来跟踪 li`s html...

var obj ={};
$('.missingList').find('<li>').each(function)
{
    $this = $(this);
    if(obj[this.html()]
        $this.parent().removeChild(this);
    else
        obj[$this.html()] = {}
});