div id的CSS选择器

Question

我正在尝试获取具有相同类名test-class的id的所有名称的列表

<div class="test-container">
    <div class="test-class" id="test-1">
        //some markup
    </div>
    <div class="test-class" id="test-2">
        //some markup
    </div>
</div>

当我知道test-1和test-2具有相同的类名时，如何获取它们的列表？

我试过了，但不起作用

var array = jQuery.makeArray($(".test-class").attr("id"));
console.log(array[0]); //test-1
console.log(array[1]); //undefined

.attr似乎只返回第一个id，而不会捕获其余的id。任何帮助都是最好的。

Answer 1

为此，您可以使用$.map函数：

var arr = $.map($(".test-class"), function(el, i) {return el.id});

console.log(arr[0]); //test-1
console.log(arr[1]); //test-2

顺便提一下，如果没有jQuery，这也不难做到：

var elems = document.getElementsByClassName('test-class'),
    arr   = [];

for (i=0; i<elems.length; i++) {
    arr.push(elems[i].id);
}

Answer 2

您可以使用$.each遍历

var ids = []

$.each($('div.test-class'), function(idx, el) {
    ids.push(el.id)
});