jQuery函数返回值无法传递至变量，求最佳解决方法

我之前也踩过类似的坑，核心问题通常出在遍历回调里的return没作用到外层函数，或是没正确收集遍历结果。下面分场景给你最实用的解决方案：

1. 最常见误区：.each()回调的return不生效 #

很多人会写出这样的代码：

function getLiTexts() {
  $('ul li').each(function() {
    // 这里的return只会终止当前循环，不会让外层函数返回值！
    return $(this).text();
  });
}

// 调用后liTexts是undefined
let liTexts = getLiTexts();

这是因为.each()的回调函数里的return，只是用来控制是否继续遍历（返回false会终止遍历），并不会把值传递给外层的getLiTexts函数。

正确写法：提前定义变量收集结果 #

function getLiTexts() {
  // 定义容器存储遍历结果
  let liContent = [];
  
  $('ul li').each(function() {
    // 把每个LI的内容存入容器
    liContent.push($(this).text());
    
    // 如果需要中途停止遍历，加这行：
    // if ($(this).text() === 'stop') return false;
  });
  
  // 最后返回收集好的结果
  return liContent;
}

// 现在就能拿到正确的返回值了
let liTexts = getLiTexts();
console.log(liTexts); // 输出所有LI的文本数组

2. 更简洁的写法：用.map()直接生成结果 #

jQuery的.map()方法专门用来把遍历元素转换为新的集合，比.each()更适合需要返回值的场景：

function getLiTexts() {
  // .map()会收集每个回调的返回值，生成jQuery对象
  // 调用.get()把它转为普通数组
  return $('ul li').map(function() {
    return $(this).text();
  }).get();
}

let liTexts = getLiTexts();
console.log(liTexts);

这个方法更简洁，也避免了手动维护结果数组的麻烦。

3. 如果涉及异步操作（比如AJAX） #

如果你的遍历里包含异步请求，同步的return肯定拿不到值，这时候要用Promise处理：

function getLiDataAsync() {
  let promiseList = [];
  
  $('ul li').each(function() {
    let itemId = $(this).data('item-id');
    // 把每个异步请求的Promise存入数组
    promiseList.push($.get(`/api/items/${itemId}`));
  });
  
  // 返回Promise，等待所有异步操作完成
  return Promise.all(promiseList);
}

// 调用时用.then()或者async/await
getLiDataAsync().then(allResults => {
  console.log(allResults); // 拿到所有异步请求的结果
}).catch(error => {
  console.error('请求出错：', error);
});

关键提醒 #

• 永远不要指望.each()的回调return能给外层函数传值，它只负责控制遍历流程。
• 使用.map()时，记得加.get()，否则返回的是jQuery包装的对象，不是普通数组。
• 异步场景下，必须用Promise/async-await处理，同步return无法获取异步结果。

内容的提问来源于stack exchange，提问作者jinfy