Cheerio 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

遍历

.each(function(index, element){...})

和jquery类似的 each 迭代器,对每一个元素进行处理。

var fruits = [];

$('li').each(function(i, elem) {
    fruits[i] = $(this).text();
});

fruits.join(', '); //=> Apple, Orange, Pear

.map(function(index, element){...})

和jquery类似的 each 迭代器,对每一个元素进行处理并返回一个值。

$('li').map(function(i, el) {
    // this === el
    return $(this).attr('class');
}).get().join(', '); //=> apple, orange, pear
  1. 在右侧代码框中第8行创建一个空数组:var fruits = [];
  2. 在右侧代码框中第9行对li进行遍历,且通过join方法利用, 进行组装: $('li').each(function(i, elem) { fruits[i] = $(this).text(); }); var data = fruits.join(', ');
  3. 然后输出:console.log(data);
  4. 点击提交运行 按钮