javascript - 使用纯 JavaScript 从前 5 个标签中获取 “id” 并在输出中用逗号分隔它们

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, '');
});

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

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