捕获jQuery中父元素中的子元素

如何使用jQuery捕获兄弟元素，即父元素中的子元素？捕获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"); 
});

2014-01-05 Faizan

母体是一种方法，而不是一个属性：'.parent（）'HTTP：// API .jquery.com/parent/ –

另外，还有一个'children（）'方法，但没有'child（）'方法。 –

@FrédéricHamidi哎呀，这也是真的 –

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

2014-01-05 12:36:45

@Faizan：它应该工作:) –

你是对的！ :) – Faizan

使用jQuery的next()或siblings()功能：

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

2014-01-05 12:34:08

“.next（）”不是最终的解决方案，它在这种情况下工作，但不是如果有两个以上的元素和我想要的元素很远 – Faizan

它适用于OP今后，将这些要求添加到问题中。 –

给你控制一个孩子，需要针对兄弟，第一参考父，然后开始寻找里面。

在这里，我们首先通过使用$(this).parent()目标父，然后我们看该父内部使用find(".mango")：

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

2014-01-05 12:36:49 gmile

回答