Javascript jQuery-逐个显示div

我正在尝试编写一个简单的脚本，它将能够一个接一个地读取/显示每个DIV（而不会干扰其中的其他DIV）。不幸的是，我的想法没有像我想象的那样奏效。我用

.children（）.remove（）.each实现了我的目标，但发现它跳过了第一个div并删除了其中的所有其他div。如果有人能帮助我或指出我做错了什么，我会非常感激


$（功能测试（）{
$（“div”）。每个（函数（）{
var Div=$（this.text（）；
警觉组(分区);；
});
});

阿尔法
布拉沃河
查理
三角洲
要获得所需的输出，您需要更改HTML，以便每个
div
只包含您希望它输出的文本

运行此代码段时，您会注意到两个空白警报。这是因为SO在代码段中放置了其他div（隐藏）。这些额外警报不会显示在本地脚本中


$（功能测试（）{
$（“div”）。每个（函数（）{
var div_text=$（this.text（）；
警报（div_文本）；
});
});

阿尔法
布拉沃河
查理
三角洲
要获得所需的输出，您需要更改HTML，以便每个
div
只包含您希望它输出的文本

运行此代码段时，您会注意到两个空白警报。这是因为SO在代码段中放置了其他div（隐藏）。这些额外警报不会显示在本地脚本中


$（功能测试（）{
$（“div”）。每个（函数（）{
var div_text=$（this.text（）；
警报（div_文本）；
});
});

阿尔法
布拉沃河
查理
三角洲
看起来您想要嵌套结构。如果是这种情况，您至少可以通过两种方式来实现：


$（功能测试（）{
$（“#容器分区”）。每个（函数（）{
//我对这个答案的不同看法是：http://stackoverflow.com/a/32170000/1544886
var Div=$（this.contents（）.not（$（this.children（））.text（）；
/*或者另一种方式：http://stackoverflow.com/a/33592275/1544886
var Div=$（此）
.clone（）//克隆元素
.children（）//选择所有子项
.remove（）//删除所有子项
.end（）//再次返回到所选元素
.text（）；
*/
警觉组(分区);；
});
});

阿尔法
布拉沃河
查理
三角洲
看起来您想要嵌套结构。如果是这种情况，您至少可以通过两种方式来实现：


$（功能测试（）{
$（“#容器分区”）。每个（函数（）{
//我对这个答案的不同看法是：http://stackoverflow.com/a/32170000/1544886
var Div=$（this.contents（）.not（$（this.children（））.text（）；
/*或者另一种方式：http://stackoverflow.com/a/33592275/1544886
var Div=$（此）
.clone（）//克隆元素
.children（）//选择所有子项
.remove（）//删除所有子项
.end（）//再次返回到所选元素
.text（）；
*/
警觉组(分区);；
});
});

阿尔法
布拉沃河
查理
三角洲
非常感谢！我意识到我的错误在哪里。现在它可以正常工作了，非常感谢！我意识到我的错误在哪里。现在它可以正常工作了。谢谢你的建议。然而，你的解决方案更像是猜测答案，而不是找到解决方案。@GeorgeStoqnov HTML的结构很奇怪，因为你提到你正在学习，我认为它也可以接受建议。不想逃避任何事情：）谢谢你的建议。然而，你的解决方案更像是猜测答案，而不是找到解决方案。@GeorgeStoqnov HTML的结构很奇怪，因为你提到你正在学习，我认为它也可以接受建议。不想逃避任何事情：）