无法在配对元素上实现Jquery的.each()函数

时间:2012-07-17 20:57:57

标签: javascript jquery html each

我以为我已经正确地实现了这个.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>

2 个答案:

答案 0 :(得分:4)

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

5个问题

  • 语法错误,.在引号之外
  • 您正在重新选择所有div而不是使用当前的pair元素
  • div没有value属性
  • 缺少结束)
  • 您的元素包含课程paired而不是pair

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

如果你想选择父母,那么你就可以......

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

答案 1 :(得分:2)

您可能想尝试:

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

DEMO