使用jQuery获取姐妹元素

时间:2014-08-01 15:52:13

标签: javascript jquery html5

有没有办法从当前的姐妹元素中获取下一个元素?抱歉,如果混淆。

<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>

2 个答案:

答案 0 :(得分:1)

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

你必须在div类'saDivTwo'中添加一些内容。否则,您将只获得空白内容。

演示:

http://jsfiddle.net/U8n7g/

答案 1 :(得分:1)

尝试使用.sibling:

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