如何使用Jquery從UL列表中僅選擇懸停的項目

Question

好的，所以我有一個無序列表，該列表是通過從JSON對象追加li來構建的。 我想做的是，將鼠標懸停在UL上時，僅從UL中選擇當前LI。 我可以像僅選擇：first LI或last或even或odds或其他任何東西一樣接近，但是我無法讓它轉換從列表中選擇的項目。

最終目標是使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
});

這是一個例子

有關jQuery on方法的更多信息