使用jQuery获取姐妹元素

Question

有没有办法从当前的姊妹元素中获取下一个元素？ 对不起，如果混淆。

<div class="wrapper">
    <div class="paDiv">
       <div class="saDivOne">
       </div>
    </div>
    <div class="paDivTwo">
       <div class="saDivTwo">
       </div>
    </div>
</div>


<script>
$('.paDiv').each(function(){
    htmlContent = $(this).children().html();
    SisterDivContent = $(this).next('.paDivTwo').children().html();
    console.log(SisterDivContent);
})
</script>

Answer 1

$('.paDiv').each(function(){   
var SisterDivContent = $(this).parent().find('.saDivTwo').html();
alert(SisterDivContent);
});

您必须在div类“ saDivTwo”内添加一些内容。 否则，您只会得到空内容。

演示：

http://jsfiddle.net/U8n7g/

Answer 2

尝试使用.sibling：

$('.paDiv').sibling('paDivTwo').html()