如何从含.random-related类的元素中随机选2个并隐藏其余？

嘿，你的思路方向完全没问题！转数组洗牌再筛选的方案很合理，关键就是把筛选后的DOM元素数组转回jQuery对象这一步，其实超简单——直接把数组传给jQuery构造函数就行，我给你一步步拆解：

方案一：用洗牌数组实现（你的思路延伸） #

首先咱们得有个靠谱的洗牌函数，这里推荐Fisher-Yates洗牌算法，它能保证每个元素的随机位置概率均等，比array.sort(() => Math.random() - 0.5)这种有偏倚的写法更可靠。

完整代码示例：

// 定义Fisher-Yates洗牌函数
function shuffleElements(arr) {
  let currentIndex = arr.length;
  while (currentIndex > 0) {
    // 随机选一个未洗牌的元素
    const randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex--;
    // 交换位置
    [arr[currentIndex], arr[randomIndex]] = [arr[randomIndex], arr[currentIndex]];
  }
  return arr;
}

// 主逻辑
// 1. 获取所有目标元素并转成DOM数组
const allRelatedItems = $('.random-related').toArray();
// 2. 打乱数组
const shuffledItems = shuffleElements(allRelatedItems);
// 3. 取前2个元素，转成jQuery对象（重点！这就是你要的转回方式）
const keepItems = $(shuffledItems.slice(0, 2));

// 4. 隐藏其余元素，保留选中的
$('.random-related').hide();
keepItems.show();

// 或者更高效的写法：直接隐藏非选中元素
// $('.random-related').not(keepItems).hide();

关键说明 #

• $(shuffledItems.slice(0, 2))：因为shuffledItems是DOM元素组成的数组，把它传入$()就能直接得到可调用jQuery方法的对象，这一步完美解决你“转回jQuery对象”的疑惑～
• 两种隐藏方式任选：先全隐藏再显示选中的，或者用.not()排除选中元素后隐藏，效果一致，后者少一次DOM操作，略高效。

方案二：不洗牌，直接随机选索引（更简洁） #

如果你不想写洗牌函数，也可以直接生成两个不重复的随机索引来选元素，适合你这种元素数量不多（15-20个）的场景：

const $allRelated = $('.random-related');
const totalCount = $allRelated.length;

// 生成第一个随机索引
let index1 = Math.floor(Math.random() * totalCount);
// 生成第二个不重复的随机索引
let index2;
do {
  index2 = Math.floor(Math.random() * totalCount);
} while (index2 === index1);

// 获取要保留的两个元素
const $keepItems = $allRelated.eq(index1).add($allRelated.eq(index2));

// 隐藏其余元素
$allRelated.not($keepItems).hide();

这个方案不用转数组，代码更短，唯一需要注意的是确保两个索引不重复，用do-while循环就能轻松搞定。

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