Как сравнивать два блока li?

Question

[vladyslav_kondratenko]

Нужно сравнить, разный ли html контент у <li>
Как это сделать?

Answer 1

[Никита Михайлов]

https://developer.mozilla.org/ru/docs/Web/API/Node...
https://developer.mozilla.org/ru/docs/Web/API/Elem...

Comments

[vladyslav_kondratenko]

И что это за бред? :)

[Александр]

vladyslav_kondratenko, бред творится у вас в голове, а Никита скинул вам две отличные статьи, в которых кроется решение проблемы.
получаете текст-контент первого ли, второго ли, после чего сравниваете их

[vladyslav_kondratenko]

Александр, Вы думаете у меня там просто текст?)

<li>
                <a href="#">
                    <div class="media">
                        <div class="chat-user-img away align-self-center mr-3">
                            <img src="/assets/images/users/avatar-3.jpg" class="rounded-circle avatar-xs" alt="">
                            <span class="user-status"></span>
                        </div>
                        <div class="media-body overflow-hidden">
                            <h5 class="text-truncate font-size-15 mb-1">Mark Messer</h5>
                            <p class="chat-user-message text-truncate mb-0"><i class="ri-image-fill align-middle mr-1"></i> Images</p>
                        </div>
                        <div class="font-size-11">12 min</div>

                        <div class="unread-message">
                            <span class="badge badge-soft-danger badge-pill">02</span>
                        </div>
                    </div>
                </a>
            </li>

[Александр]

vladyslav_kondratenko, о чём вы думали, когда заполняли описание вопроса? неужели так сложно указать, что присутствуют ещё несколько подклассов?

[vladyslav_kondratenko]

Александр, Не знал, как правильнее описать.
Сразу кинул код, что бы было понятнее .

[Александр]

vladyslav_kondratenko, в чём проблема с помощью того же textContent собрать содержание всех подклассов, после чего сравнить их?

[Никита Михайлов]

vladyslav_kondratenko И в чём разница? Берёшь innerHTML, обрабатываешь все li, на всякий случай нормализируешь и радуешься

[Никита Михайлов]

Если нужен только текст, то это банальное дерево. Обходи его, клади значения в массив и сравнивай два массива

[vladyslav_kondratenko]

Никита Михайлов, Пасиба
Помогли!