添加后选择元素

Question

我有以下代码

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

哪个正常工作并添加“li”元素。现在我想选择“li”元素;它没有任何类或ID，但我想在创建它之后选择它，所以我可以使用它（例如mynewli.addClass（））作为jquery元素。

我该怎么做？

Answer 1

使用.insertAfter()能够链，这是jQuery的心脏。

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

修改

关于您的评论，请使用

img.next('li');

到缓存的img元素上。请注意，这并不能保证您选择特定的 元素，它只是选择下一个li元素。所以我仍然建议使用.insertAfter()并将新创建的项缓存到变量中，以便稍后访问。

参考：.insertAfter()

Answer 2

您可以使用next方法

img.next();

找到img的下一个兄弟，这应该是您添加的li元素。

Answer 3

使用next（）：

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

假设img是一个JQuery DOM对象：

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