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元素
• adiv没有value财产
• 错过闭幕式)
• 你的元素没有paired类pair

我无法从您的问题中真正看出您打算使用此代码做什么，但这些是一些起点。

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

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

Answer 2

您可能想尝试：

$(".paired:first-child").each(function(){
    alert($(this).parent().html());
});

演示