js获取子元素属性值的问题？

Question

<div class="t">
         <span class="y" id="A1">A</span>
         <span class="y" id="B1">B</span>
         <span class="y" id="C1">C</span>
         ...
</div>

如何获取A1 B1 C1 ... ?

我的思路：

      var obj=$('.t').children('.y');
      for(var n in obj){
           alert(n.attr('id'));
      }

貌似不行。

Answer 1

$('.t').children('.y').map((index, dom) => $(dom).attr('id'))

Answer 2

Array.prototype.map.call(document.getElementsByClassName("t")[0].children, function(n) {
    n.getAttribute("id");
});

Answer 3

楼主的方法之所以不行是因为你觉得获得是一个对象，但其实是一个数组，所以不应该用for in循环，而是正常的for循环拿值