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

Fetching “id” from first 5 tags and separate them with comma in output using pure javascript

本文关键字:javascript 输出 分隔 获取 标签 id 从前      更新时间:2023-09-26

我正在处理一个脚本,我需要在标签上提取id中可用的值,我需要使用纯Javascript来完成这项工作。我有类似的jQuery代码可用,但我无法成功完成Javascript。我的查询代码

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]

任何帮助将不胜感激

纯 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/