Question

my dynamic generated html look like below

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

i want to use jquery to check for all duplication filter the result so that the output become

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

Answer 1

Try this:

$('.missingList li').each(function() {
    if($(this).text() == $(this).next().text()) {
        $(this).remove();
    }
});

But if you are generating the list with PHP, it would be better to filter the result on its site, like bogdanvursu suggested.

Edit:

I think array_unique would be better for this. Here is an example

$array = array(1, 1, 1, 4, 5, 6);
$array = array_unique($array); 

The result would look like this (1, 4, 5, 6)