gpt4 book ai didi

javascript - jQuery - 一张一张地显示div

转载 作者:行者123 更新时间:2023-11-28 14:55:46 25 4
gpt4 key购买 nike

我正在尝试编写一个简单的脚本,它将能够逐个读取/显示每个 DIV(不会干扰内部的其他 div)。不幸的是,我的想法并没有像我想象的那样奏效。我通过 .children().remove().each 实现了我的目标,但发现它跳过了第一个 div 并删除了其中的所有其他内容。如果有人可以帮助我或指出我做错了什么,我将非常感激。

$(function Testing(){

$("div").each(function(){
var Div = $(this).text();
alert(Div);
});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
<div id="Alpha">
Alpha
<div id="Bravo">
Bravo
<div id="Charlie">
Charlie
<div id="Delta">
Delta
</div>
</div>
</div>
</div>
</body>

最佳答案

看起来您想要拥有嵌套结构。如果是这种情况,您至少可以通过几种方法来做到这一点:

$(function Testing() {

$("#container div").each(function() {

// my variation on this answer: http://stackoverflow.com/a/32170000/1544886
var Div = $(this).contents().not($(this).children()).text();

/* or another way: http://stackoverflow.com/a/33592275/1544886
var Div = $(this)
.clone() //clone the element
.children() //select all the children
.remove() //remove all the children
.end() //again go back to selected element
.text();
*/

alert(Div);
});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="container">
<div id="Alpha">
Alpha
<div id="Bravo">
Bravo
<div id="Charlie">
Charlie
<div id="Delta">
Delta
</div>
</div>
</div>
</div>
</div>

我添加 div#container 只是因为我不喜欢通过代码片段创建的 div 生成的额外警报。没有必要在代码中执行此操作...您可以忽略它并仅使用选择器 $("div")

关于javascript - jQuery - 一张一张地显示div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42959781/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com