javascript - 在成对元素上实现 Jquery 的 .each() 函数时遇到问题

Question

我以为我已经正确地实现了这个 .each 函数，但是随着我的脚本变得越来越复杂，我注意到了一些奇怪的结果。

我的目标是将成对的项目组合在一起，并根据它们的父类进行组织。

下面是我所拥有的简化版本

脚本:

$(."pair").each(function(){
    alert($("div").val());
}

HTML:

<div class ="FirstGroup" id="A">
<div class="paired">Header Text</div>
<div class="paired">Body Text</div>
</div>
<div class ="FirstGroup" id="B">
<div class="paired">Header Text</div>
<div class="paired">Body Text</div>
</div>
<div class ="SecondGroup" id="C">
<div class="paired">Header Text</div>
<div class="paired">Body Text</div>
</div>
<div class ="SecondGroup" id="D">
<div class="paired">Header Text</div>
<div class="paired">Body Text</div>
</div>

Answer 1

$(".paired").each(function(){
    alert($(this).html());
})

5个问题

• 引号外的 . 语法错误
• 您正在重新选择所有 div，而不是使用当前的 pair 元素
• div 没有value 属性
• 缺少结尾 )
• 你的元素有类 paired 而不是 pair

我无法从你的问题中真正看出你对这段代码的意图，但这些是一些起点。

如果你想选择 parent ，那么你会做...

$(".paired").parent().each(...