Как мне найти последний последовательный div с указанным классом в jQuery?

Question

У меня есть структура DOM, которая выглядит следующим образом:

<div id="comment-1234" class="comment">...</div>
<div id="comment-2391" class="comment">...</div>
<div id="comment-1223" class="comment reply">...</div>
<div id="comment-1221" class="comment reply">...</div>
<div id="comment-2333" class="comment">...</div>
<div id="comment-1235" class="comment reply">...</div>
<div id="comment-3333" class="comment reply">...</div>
<div id="comment-5555" class="comment">...</div>

В моем javascript у меня будет идентификатор div, который получает новый ответ, например, comment-2391.Что мне нужно сделать, так это найти комментарии последним ответом и вставить новый div после этого.Сценарий в настоящее время использует append('#comment-1234'), и он работает просто отлично, но он вставляет его в начало ответов.

Есть идеи?

Answer 1

Попробуйте:

$('#comment-2391').nextUntil(':not(.reply)').last().after(newcomment); 

, где newcomment - это новый DIV, который вы хотите вставить

Демо: http://jsfiddle.net/DaX94/

Answer 2

используйте insertAfter или insertBefore вместо append.см http://api.jquery.com/insertAfter/