Jquery 부모의 범위

Question

어떻게 부모에게 텍스트를 출력 할 수 있습니까 <div>의 <span>? 내가 도대체 ​​뭘 잘못하고있는 겁니까? 스팬 및 .parent()으로 작업하는 것보다 더 좋은 해결책이 있다면 알려주십시오.

HTML :

<div> 
<span></span> <!--the span where i want to output "troll" and "dwarf"--> 
<a href="#" class="heroes" alt="troll">Icon</a> 
<a href="#" class="heroes" alt="dwarf">Icon</a> 
</div> 

<div> 
<span></span <!--the span where i want to output "witch"--> 
><a href="#" class="heroes" alt="witch">Icon</a> 
</div> 

<div> 
<span></span> <!--etc...--> 
<a href="#" class="heroes" alt="barbarian">Icon</a> 
</div> 

<div> 
<span></span> 
<a href="#" class="heroes" alt="necromancer">Icon</a> 
</div> 

JS :

$('.heroes').hover(function() { 
    var hero = $(this).attr('alt'); 
    $(this).parent('span').text(hero); 
}, function() { 
    $(this).parent('span').text(""); 
}); 

감사

Answer 1

$(this).siblings('span').text(hero); 

스팬되지는 부모의 앵커의 형제입니다.

들여 당신의 HTML, 당신은 아주 쉽게 볼 :

<div> <!--The parent of the span and anchors!--> 
    <span></span> <!--Sibling of the anchors!--> 
    <a href="#" class="heroes" alt="troll">Icon</a> 
    <a href="#" class="heroes" alt="dwarf">Icon</a> 
</div> 

Live DEMO

참고 :alt는 앵커에 대한 유효한 HTML 속성이 아닙니다.

Answer 2

사용 :

$(this).closest('div').find('span').text(hero); 

<span>

이 당신의 연결이 아닌 부모 형제입니다, 당신은 실제 <div> 부모를 기반으로 찾을 수 있습니다.