javascript - 使用 jQuery 获取姐妹元素

标签 javascript jquery html

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

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

最佳答案

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

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

演示:

http://jsfiddle.net/U8n7g/

关于javascript - 使用 jQuery 获取姐妹元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25084050/

相关文章:

javascript - 传单缩放无缘无故无法工作

php - 在 PHP 中的表单顶部显示消息

javascript - 在搜索比较中通过 jquery 在页面内排列搜索结果

javascript - jQuery/Javascript 确认出现两次

javascript - 如何使 div 元素可编辑(就像单击它时的文本区域一样)?

html - 如何在 :hover detection? 之后保持计数器递增

javascript - 动态更改 Bootstrap 工具提示位置

javascript - 将 HTML 输入值传递给 jQuery 表单值

javascript - 更改滚动 div 时的类

javascript - 将 url 从 html 传递给 javascript