jQuery show/hide/mouseenter问题

Question

我有四行文字，我想在每行的右侧显示mouseenter上的特定图像。

我有现在的问题是，所有的四个图像同时显示beeing。

我在做什么错？

http://jsfiddle.net/m97qebjr/10

的jQuery：

$(".thumb").hide(); 
$(".text").mouseenter(function() { 
$(".thumb").show(); 
}).mouseleave(function() { 
$(".thumb").hide(); 
}); 

Answer 1

你不需要jQuery的根本：http://jsfiddle.net/m97qebjr/16/

.thumb { 
    display:none; /* added line */ 
    float:right; 
    overflow:hidden; 
    width:100px; 
    height:100px; 
} 
.wrap:hover .thumb{ /* added rule */ 
    display:block; 
} 

Answer 2

$(".thumb")匹配所有类拇指元素。试试这个：

$(".thumb").hide(); 
$(".text").mouseenter(function() { 
    $(this).siblings(".thumb").show(); 
}).mouseleave(function() { 
    $(this).siblings(".thumb").hide(); 
}); 

更新小提琴：http://jsfiddle.net/m97qebjr/13/