选择项目的下一个兄弟只需单击

我有一个包含图像的ul 。 这些图像是从twitter获取的概要图像并动态地附加到ul 。 一旦用户点击任何图像,我还需要将图像的节点缓存在它旁边(下一个兄弟)。 我尝试使用next()选择器,如下所示,但在控制台中记录的是一条我不明白的消息。 这是代码:

 $("ul#container").on("click", "img", function(){ var nextImage = $(this).next(); console.log(nextImage); } 

以下是在控制台中记录的内容:

[prevObject:p.fn.p.init [1],context :, selector:“。next()”]

你能帮我理解我做错了什么吗? 谢谢阅读!

没有错。

这就是Chrome现在记录jQuery对象的方式。

现在去玩吧!

尝试:

 $("ul#container").on("click", "img", function(){ var nextImage = $(this).next().get(0); console.log(nextImage); } 

要么

试试这款适用于Chrome的插件