O sistema que estou trabalhando gera uma li com uma lista de contato, a cada minuto o JQuery faz uma consulta para verificar se tem mensagem para algum usuário da lista. Atualmente caso tenha alguma mensagem, o sistema insere uma class no i dentro da a href e o mesmo fica piscando para indicar uma nova mensagem.
Quero reposicionar a li que tem uma nova mensagem na primeira posição da lista, quando tiver uma nvoa mensagem.
Por exemplo, quando tiver uma mensagem para o fulano 4, quero posicinar o li acima (closest) na primeira posição da lista.
<li>
<a href="#" data-process-id=1 id="chatByContact" class="chatByContact">Fulano 1<i class="fa fa-comments"></i></a>
</li>
<li>
<a href="#" data-process-id=2 id="chatByContact" class="chatByContact">Fulano 2<i class="fa fa-comments"></i></a>
</li>
<li>
<a href="#" data-process-id=3 id="chatByContact" class="chatByContact">Fulano 3<i class="fa fa-comments"></i></a>
</li>
<li>
<a href="#" data-process-id=4 id="chatByContact" class="chatByContact">Fulano 4<i class="fa fa-comments"></i></a>
</li>
data-process-id
?