从前5个标签中提取“ id”，然后使用纯JavaScript在输出中用逗号分隔

Question

我正在处理一种脚本，在其中我需要提取标记中id中可用的值，我需要使用纯Javascript来完成此操作。 我有类似的jQuery代码可用，但我无法成功完成Javascript。 我的jQuery代码

var arr1st3 = $('article:lt(3)').map(function() {
    return this.id.replace(/[^\d]/g, '');
}).get();
console.log( arr1st3 );

这是测试网址http://jsfiddle.net/0mvjbkhs/5/

我正在尝试使用Javascript函数，该函数将在输出中返回值，例如['123456'，'7896669'，'1147777']

任何帮助将不胜感激

Answer 1

纯JavaScript版本为：

var arr2st3 = [].map.call(document.querySelectorAll('article:nth-child(-n+4)'), function(el) {
    return el.id.replace(/[^\d]/g, '');
});

非常相似。 您只需使用本机Array.prototype.map和article:nth-child(-n+4) CSS选择器来选择元素。

演示： http ： //jsfiddle.net/0mvjbkhs/6/