在配对元素上实现 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

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

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

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

Answer 2

你可能想试试：

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

DEMO