Выберите элемент после добавления

Question

У меня есть следующий код

    img.after('<li></li>');

, который работает правильно и добавляет элемент "li".Теперь я хочу выбрать элемент "li";у него нет класса или идентификатора, но я хочу выбрать его сразу после его создания, поэтому я могу использовать его (например, mynewli.addClass ()) в качестве элемента jquery.

Какя могу это сделать?

Answer 1

Используйте .insertAfter(), чтобы иметь возможность цепи , которая является сердцем из jQuery.

var $newLI = $('<li/>').insertAfter(img).addClass('yourclass');

edit

В отношении вашего комментария используйте

img.next('li');

для вашего кэшированного элемента img.Обратите внимание, что это не гарантирует, что вы выберете конкретный элемент, он просто выберет следующий li элемент.Поэтому я по-прежнему предлагаю использовать .insertAfter() и кэшировать вновь созданный элемент в переменную, чтобы получить доступ позже.

Ссылка: .insertAfter ()

Answer 2

Вы можете использовать следующий метод

img.next();

чтобы найти следующего брата img, который должен быть добавленным элементом li.

Answer 3

use next ():

http://api.jquery.com/next/

при условии, что img является объектом DOM JQuery:

img.next().addClass('whatever');