Показать только элемент в определенном Div

Question

Просто застрял в проблеме. У меня есть несколько div, которые на hover показывают Span, который содержит некоторый текст. Я создал сценарий jquery, но то же самое показывает все Span, когда я наводил указатель мыши на другой Div.

Вкратце. Мне нужно показать SPAN на DIV, где я наводил указатель мыши, остальная часть SPAN должна быть скрыта.

Вот код

$('.proimg').hover(function() { 
    $('.proimg span').show(); 
}, function() { 
    $('.proimg span').hide(); 
}); 

Любая помощь ID высоко ценится и спасибо заранее

Answer 1

Попробуйте это:

$('.proimg').hover(function() { 
    $(this).find('span').show(); 
},function() { 
    $(this).find('span').hide(); 
}); 

Answer 2

Попробуйте выбрать ребенка охватывает конкретного DIV, которые зависший над с использованием переключателя $(this):

$('.proimg').hover (function(){ 
    $(this).children('span').show(); 
    }, 
    function() { 
    $(this).children('span').hide(); 
});