javascript - 随机播放 <ul> 中的 12 个 <li> 元素，不包括列表中的 3 个元素

Question

我想从列表中显示 12 <li>元素，将它们洗牌并隐藏其余部分。为此，我使用了 shuffle.js它工作得很好，我也用那几行来隐藏其余的元素:

$('ul.small-block-grid-4').each(function(){

  var max = 11
  if ($(this).find('li').length > max) {
    $(this)
      .find('li:gt('+max+')')
      .hide()
      .end()
  }

}

好的，那有什么问题呢？

问题是，在这个列表中有方形图片和 4 个我想旋转的图 block 以及图片(让它们在选定的 12 个中改变位置)，但它们仍然在选定区域中。

如果有人可以建议我如何执行此操作，我将不胜感激。

JSFiddle

Answer 1

这是一个建议JSFiddle

我刚刚选择了所有 a href 元素并调用了它们的父元素:

$('ul.small-block-grid-4 li a').parent().shuffle();

所以它只适用于以 anchor 标记为子元素的 li 元素。

您也可以通过向您想要随机播放的元素添加一个特定的类来完成此操作，例如“.shuffable”，然后对该元素调用 .shuffle() 方法:

$('ul.small-block-grid-4 li.shuffable').shuffle();