Jquery isotope 如何使用同位素.js进行排序\过滤后获取第一个元素

如何在使用ISOTOE2排序\过滤后为第一个元素设置一些类

$( function() {
 var $container = $('.isotope');
  $container.isotope({
    itemSelector: '.element-item',
    getSortData: {
      category: '[data-category]'
    }
  });

    $container.first().addClass('first'); <----- i need to add class for first element

  // bind sort button click
  $('#sorts').on( 'click', 'a', function() {
    var sortByValue = $(this).attr('data-sort-by');
    $container.isotope({ sortBy: sortByValue });

    $container.first().addClass('first');
  });

  });
  return false;
});

$（函数（）{
变量$container=$（'.ISOTOX'）；
$container.com({
itemSelector:“.element项”，
getSortData：{
类别：“[数据类别]”
}
});
$container.first（）.addClass（'first'）；用于同位素v2

可选：首先，您可能希望确保删除“.First”类，并使用此代码对每个排序进行分类。您需要将其放在类添加代码之前，以避免使用“.First”类添加两个元素：

您可以通过以下方式访问按同位素筛选的第一项：

$container.data('isotope').filteredItems[0].element

您将使用以下代码向该元素添加一个类：

$($container.data('isotope').filteredItems[0].element).addClass('first');

这是我从David DeSandro那里得到的一个代码笔，它演示了我解释的代码。它使同位素列表中的第一个元素变成黑色：


我添加到代码笔中的代码位于javascript的底部，并用注释标记

请记住，您可能希望将此代码绑定到单击排序和筛选按钮上。您还应该在页面加载时运行类添加代码，以便第一项具有“.first”类

这是同位素的创造者提供的一些文档。它的副标题是“我如何才能按当前顺序访问过滤项目？”


对于同位素v1

您可以使用访问同位素筛选的项目

$container.data（'同位素'）。$filteredAtoms；

然后，您将在对象中找到第一项并向其添加一个类：

$container.data('isotope').$filteredAtoms.first().addClass('first');

thnx，但我看到了这个文档。似乎这个方法在同位素v.2中不起作用你说得对。我没有注意到他使用的是同位素v1。我在这里找到了同位素v2关于按当前顺序访问同位素项目的文档：它是
$container.filteredItems
。我正在编写代码来说明它是如何被使用的@АСССаБааа我编辑了我的答案以包括instr同位素v2的图像。我希望它有帮助。
$container.data('isotope').$filteredAtoms.first().addClass('first');