Я застрял с этим фрагментом кода:
Из браузера, который отображается:
<div id="prem_inner">
<div id="Final doo ">
<label class="font-size: 30px" id="Final doo komp"><i class="far fa-building" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>Final doo </label>
<label style="padding-left: 2em;" id="Kontrolor2 "><i class="fas fa-briefcase" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>Kontrolor2 </label>
</div>
<div id="Final doo ">
<label class="font-size: 30px" id="Final doo komp"><i class="far fa-building" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>Final doo </label>
<label style="padding-left: 2em;" id="Kontrolor "><i class="fas fa-briefcase" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>Kontrolor </label>
</div>
<div id="Final doo ">
<label class="font-size: 30px" id="Final doo komp"><i class="far fa-building" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>Final doo </label>
<label style="padding-left: 2em;" id="Kontrolor3 "><i class="fas fa-briefcase" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>Kontrolor3 </label>
</div>
</div>
Шаблон руля (бэкэнд):
<div id="prem_inner">
{{#each gigs}}
<div id="{{company_name}}">
<label class="font-size: 30px" id="{{company_name}}komp"><i class="far fa-building" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>{{company_name}}</label>
<label style="padding-left: 2em;" id="{{job_title}}"><i class="fas fa-briefcase" style="letter-spacing: 0.246em; font-size: 30px; color: #7313E9;"></i>{{job_title}}</label>
</div>
{{/each}}
</div>
Итак .. Моя идея и требования клиента состоят в том, что он должен быть подобным отсортированному (если существует несколько company_name, отображаемых с другим job_title, тогда он должен находиться в одном столбце, если company_name отличается от другого первого div, то он должен находиться внутри другого второй столбец и т. д. c.) Когда он просто отображается с помощью руля (бэкэнд): Пример
Итак, из этого последнего img я хочу в основном удалить все дубликаты метки company_name, кроме первого а затем объединить все div с одним и тем же идентификатором, например. название компании в один столбец. Я могу объяснить вам больше, если я что-то пропустил и мне нужно определить, любой идентификатор из приведенного выше кода - всего лишь пример, я могу изменить в соответствии с вашими рекомендациями.
Я использовал jQuery 3.4.1 но я также могу изменить его, если это необходимо, а? Это предназначено для удаления всех дубликатов метки с одинаковым идентификатором (это первая часть моего js на этой странице:
window.onload = function myFunction2() {
$('label[id$=komp]').each(function () {
$('label[id="' + this.id + '"]:gt(0)').remove();
});
И вот результат: С jQuery сверху
Также есть часть структуры моей таблицы БД (Postgre, Sequelize)