Показать сообщение отдельно
  #1 (permalink)  
Старый 26.05.2022, 16:14
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 778

Скрыть часть комментариев.
Привет. Решил часть ответов на комменты скрыть. Как в вк, например. Сам код накидал, а вот как ссылку разместить в нужном месте,нужна помощь.
Вот так выглядит html
<div id="6" class="comment" data-parent="0" data-level="1">...</div>
<div id="7" class="comment" data-parent="6" data-level="2">...</div>
<div id="8" class="comment" " data-parent="6" data-level="2">...</div>
<div id="9" class="comment" " data-parent="6" data-level="2">...</div>

<div id="10" class="comment" data-parent="0" data-level="1">...</div>
<div id="11" class="comment" data-parent="10" data-level="2">...</div>
<div id="12" class="comment" data-parent="10" data-level="2">...</div>
<div id="13" class="comment" data-parent="10" data-level="2">...</div>


Например я хочу скрыть больше одного ответа. Значит ссылку нужно разместить после id=7 и id=11. Сама ссылка как то так наверное).

var elem = document.querySelectorAll(".comment");
    let tag_a = document.createElement('a');    
    tag_a.textContent = '--------Смотреть все---------';

    for (var i = 0, length = elem.length; i < length; i++) {
        let id = $(elem[i]).attr('id');
        let parent = $(elem[i]).attr('data-parent');

        tag_a.id = parent;
        if(//Вот это условие надо){
            elem[i].parentNode.insertBefore(tag_a, elem[i].nextSibling);
        }
    }


Тоесть ID ссылки будет значение data-parent
Ответить с цитированием