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

Question

好的，我有一个无序列表，它是通过从 JSON 对象附加 li 构建的。当我将鼠标悬停在 UL 上时，我想要做的是仅从 UL 中选择当前 LI。我可以像选择 :first LI 或最后一个或偶数或赔率或其他任何东西一样接近，但我无法让它在从列表中选择的项目上进行转换。

最终目标是产生一种效果，即在 LI 悬停时将循环执行来自 MySql 数据库的多个操作（但我还远未实现）。任何帮助将不胜感激。这是我的代码：

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

我知道这段代码是错误的，如果我只选择 LI 将会更改每个代码上的文本。

UL 被命名为缩略图，并从另一个 CSS 样式表中获取其基础

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

</ul>

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

除了它会从 MySql 数据库中滚动项目而不是图像。这甚至可能吗？

如果您知道我可以直接购买的代码示例，而不必从头开始构建它，那么您将获得主要奖励积分。谢谢！

Answer 1

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

如果是这种情况，那么您可以使用 on 方法来查看列表，然后像这样监听其特定的 LI 子级：

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

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

Here's an example

更多about the jQuery on method