Добавить что-то после двух элементов, используя $ (this)?

Question

Я хотел бы добавить что-то после второго или трехмерного элемента $(this). Это на самом деле всегда форма, просто чтобы вы знали. После этой формы есть и другие элементы, и в конце есть другая форма, где вы можете вернуться назад.

После этой формы я хотел бы добавить сообщение, если комментарий был создан, но как я могу сделать что-то вроде:

$(this).after.after("<p class='success'>The comment has been edited!</p>"); 

или что-то вроде того, где я могу также использовать имя класса форма имеет? На самом деле форма возврата назад имеет свое имя.

Мне действительно нужно использовать $(this), потому что иначе сообщение добавляется для каждого комментария.

Answer 1

Чтобы настроить таргетинг на следующий элемент, если он является использование формы .next('form')

$(this).next('form').after("<p class='success'>The comment has been edited!</p>"); 

Чтобы ориентировать что-то после двух или трех элементов, которые вы можете использовать текущий индекс и добавить к нему, а затем эк получить, что родственный

$(this).siblings().eq($(this).index() + 2) 

Answer 2

Чтобы вставить после следующего ближайшего формы использования .nextAll('form')[0]

$("<p class='success'>The comment has been edited!</p>") 
.insertAfter($(this).nextAll('form')[0]); 

Будет добавлен HTML после первого вхождения формы (после $(this))