Скрыть дубликат LI с таким же идентификатором с js или jQuery Rails

Question

i Хочу скрыть дублирующиеся элементы на моем виде.

Скрыть дублирующийся элемент из Content One с тем же идентификатором из li с js или jquery и показывать только один для id Rails при загрузке страницы или перезагрузите.

Моя проблема Пример:

<li id="1"> Content One </li>
<li id="1"> Content One </li>
<li id="1"> Content One </li>
<li id="2"> Content Two </li>
<li id="2"> Content Two </li>

Я хочу скрыть две или более строки, если это один и тот же идентификатор и показать только одну.

После удаления или скрытия дубликата я хочу получить этот результат.

<li id="1"> Content One </li>
<li id="2"> Content Two </li>

См. Мой код.

<ul id="eventList" class="timeline">
  <li id="<%= @myid %>" class="timeline-inverted">
  <li id="<%= @myid %>" class="timeline" >
</ul>

Может помочь мне кто-то.

Answer 1

Надеюсь, это поможет вам.

var ul_list = '';
var liList = $('ul li'), listForRemove = [];

$(liList).each(function () {
    
  var text = $(this).text();

  if (ul_list.indexOf('|'+ text + '|') == -1)
    ul_list += '|'+ text + '|';
  else
    listForRemove.push($(this));
    
});
    
$(listForRemove).each(function () { $(this).remove(); });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li id="1"> Content One </li>
<li id="1"> Content One </li>
<li id="1"> Content One </li>
<li id="2"> Content Two </li>
<li id="2"> Content Two </li>
</ul>