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

时间:2013-02-03 19:42:37

标签: jquery mysql slider jquery-animate thumbnails

好的,所以我有一个无序列表是通过从JSON对象追加li来构建的。我想要做的是当我将鼠标悬停在它上面时,只选择UL中的当前LI。我可以尽可能地选择:第一个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数据库而不是图像滚动项目。这甚至可能吗?

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

1 个答案:

答案 0 :(得分:0)

我不确定我是否知道你在问什么但是听起来你想要对那些没有将事件处理程序绑定到每个人身上的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