实现Jquery时出现问题'成对元素上的s.each()函数

Trouble Implementing Jquery's .each() function on Paired Elements

本文关键字:元素 each 函数 Jquery 问题 实现      更新时间:2023-11-09

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

我的目标是将成对的项目分组在一起,并根据它们的父类来组织它们。

下面是的简化版本

脚本:

$(."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>
$(".paired").each(function(){
    alert($(this).html());
})

的5个问题

  • 引号外有.的语法错误
  • 您正在重新选择所有div,而不是使用当前的pair元素
  • div没有value属性
  • 缺少关闭)
  • 您的元素具有类别paired而非pair

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

如果你想选择父母,那么你会做…

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

您可能想要尝试:

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

演示