gpt4 book ai didi

javascript - Jquery 查找和每个选择器

转载 作者:行者123 更新时间:2023-11-30 10:12:27 24 4
gpt4 key购买 nike

我是 jQuery 的新手,所以请帮助我处理输出。以下是用于引用的 HTML 代码。

<html>
<body>
<div id="level1">
<p>
<span id="level1.1">
<div id="level1.1.1"></div>
<div id="level1.1.2"></div>
</span>

<span id="level1.2">
<div id="level1.2.1"></div>
<div id="level1.2.2"></div>
</span>

<div id="level1.3"></div>
</p>
</div>
</body>
</html>

当我使用以下脚本时

<script type="text/javascript">
$(document).ready(function (){
var div = $("#level1").find("div").each(function(){
alert($(this).attr('id'));
});
});
</script>

结果是 5 个警报,每个 div 都有 id

但是当我使用

<script type="text/javascript">
$(document).ready(function(){
var div = $("#level1").find("span > div").each(function(){
alert($(this).attr('id'));
});
});
</script>

只有 1.2.1 和 1.2.2 级别的两个警报我想知道为什么 1.1.1 和 1.1.2 没有警报,因为它们也有 span 作为它们的父级?

提前致谢。

如果div不能是

的 child

那是为什么

<p>
<div id="level1">
<span id="level1.1">
<div id="level1.1.1"></div>
<div id="level1.1.2"></div>
</span>

<span id="level1.2">
<div id="level1.2.1"></div>
<div id="level1.2.2"></div>
</span>

<div id="level1.3"></div>
</div>
</p>

工作正常??

最佳答案

因为您的 HTML 不正确。

浏览器将生成您的 html,如下所示。

<p>
<span id="level1.1">
</span>
</p>
<div id="level1.1.1"></div>
<div id="level1.1.2"></div>

因为 div不能是 p 的 child

如果删除第一个 <p>在您的代码中,您将收到 4 个子级别的警报。

关于javascript - Jquery 查找和每个选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25737938/

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