Javascript 从一个div获取所有子div id

如何获取测试div的子级中的所有div id

下面的选择器只给出dog：例如，我需要get dog、cat、drig

var all = $(".test div").attr("id");
$("div").text(all);

<div class="test">
    <div id="dog"></div>
    <div id="cat"></div>
    <div id="drig"></div>
</div>

谢谢

---

如果你需要所有的div，测试一下

$'div.test div

但是如果你有

<div class="test">
    <div id="dog"></div>
    <div id="cat"></div>
    <div id="drig">
            <div id="mouse"></div>
    </div>
</div>

你不需要老鼠

---

$'div.test>div'

如果您指的是元素的所有直接后代，那么您必须将选择器更改为$.test>div，这是最简单的。如果要选择所有子体，则可以保持原样

使用，可以创建ID数组：

var all = $(".test > div").map(function() {
    return this.id;
}).get();

在这里使用

---

这说明了如何选择正确的元素，而不是如何获取ID。

var all = $(".test > div").map(function() {
    return this.id;
}).get();

var idArray = $("div.test > div").map(function(){
    return this.id;
}).get();