Резьбовые комментарии по обновлению веб-сокетов

Question

Я использую веб-сокеты для обновления списка комментариев. Я вложил теги ul и li для создания многопоточного стиля (объяснение здесь ).

Проблема в том, что когда приходит новое сообщение, я не хочу повторно отображать весь список сообщений. Есть ли способ манипулировать DOM (желательно с помощью jQuery), чтобы вставить новое сообщение в правильное «гнездо» списка?

Или есть лучший способ структурировать мой HTML? (Возможно, способ, который использует родительские и дочерние идентификаторы в качестве атрибутов HTML)

Answer 1

Ответ: yes - но вам нужно каким-то образом указать для каждого входящего сообщения, на какой комментарий отвечает новое. Затем все, что вам нужно, это выбрать старый «родительский» комментарий и использовать функцию jQuery .append() или .appendChild(). Я рекомендую использовать систему идентификации комментариев, чтобы вы могли напрямую выбирать комментарии по идентификатору.

// new comment comes in, is replying to comment number 12345678.
// Then...
$('#12345678').appendChild(new_comment_html);