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

Question

好的，我有一个无序列表，它是通过从 JSON 对象附加 li 构建的。我想做的是当我将鼠标悬停在 UL 上时只选择当前 LI。我可以选择 :first LI 或 last 或 even 或 odds 或其他任何东西，但我无法将其转换为从列表中选择的项目。

最终目标是产生一种效果，即在 LI 上悬停会循环执行来自 MySql 数据库的多个操作(但我离完成这个还很远)。任何帮助将不胜感激。这是我的代码:

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

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

UL 被命名为 thumbnails 并从另一个 CSS 样式表获取它的基础

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

</ul>

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

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

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

Answer 1

我不确定我是否知道你在问什么，但听起来你想对悬停在 LI 上的 LI 做一些事情，而不是将事件处理程序绑定(bind)到每个 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