Поймать дочерний элемент в родительском элементе в jQuery

Question

Как поймать элемент брата с помощью jQuery, то есть дочернего элемента внутри родительского элемента?

HTML

<div class="fruit"> 
    <div class="apple"></div> 
    <a class="mango"></a> 
</div> 

Jquery

$(".apple").bind("mouseover", function() { 
    $(this).parent.child(".mango").text("banana"); 
}); 

Answer 1

DEMO: http://jsfiddle.net/5Y9mG/5/
Попробуйте это:

$(".apple").bind("mouseover", function() { 
       $(this).siblings(".mango").text("banana"); 
    }); 

Answer 2

Используйте JQuery в next() или siblings() функция:

$(".apple").bind("mouseover", function() { 
    $(this).next().text("banana"); 
}); 

Answer 3

Учитывая вы контролируете ребенок и должны быть ориентированы на родственный, первое упоминание родителя, а затем начать поиск внутри него.

Здесь мы первый целевой родителей с помощью $(this).parent(), а затем заглянуть внутрь этого родителя с помощью find(".mango"):

$(".apple").bind("mouseover", function() { 
    $(this).parent().find(".mango").text('banana'); 
});