Переместить элемент из одного div в другой и удалить дубликаты с одинаковым идентификатором - PullRequest
0 голосов
/ 09 февраля 2020

Я застрял с этим фрагментом кода:

Из браузера, который отображается:

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...