如何使用Jquery从UL列表中仅选择悬停项目

Question

好的，所以我有一个无序列表，它是通过从JSON对象中附加li来构建的。我想做的是，当我悬停在UL上时，只从UL中选择当前LI。我可以接近于只选择：第一个LI或最后一个LI或偶数或赔率或其他什么，但我无法让它在列表中选择的项目上转换。

最终目标是在LI上产生效果，悬停将从MySql数据库中循环执行多个操作（但我离实现这一点还很远）。如有任何帮助，我们将不胜感激。这是我的代码：

$("#thumbnails").hover(function(){
$('#thumbnails > li:first').text("Whats 2 + 2");
});

我知道这个代码是错误的，如果我只是选择李，就会更改每一个上面的文本。

UL被命名为缩略图，其基础来自另一个CSS样式表

<ul name="thumbnails" id="thumbnails">
</ul>

最后，我基本上想建造这样的东西http://www.melonhtml5.com/demo/metro_gallery/demo2.php

只是它将滚动MySql数据库中的项目而不是图像。这可能吗？

如果你知道一个代码示例，我可以直接购买，而不必从头开始构建。谢谢

Answer 1

我不确定我是否知道你在问什么，但听起来你想对悬停在其上的LI做点什么，而不将事件处理程序绑定到每个LI。

如果是这样的话，那么您可以使用on方法来观察列表，然后监听其特定的LI子项，如下所示：

$("#myList").on("mouseenter", "li", function () {
     //do stuff here
});
$("#myList").on("mouseleave", "li", function () {
    //stop doing stuff here
});

这里有一个的例子

关于方法上的jQuery的更多信息