Question

我正在尝试使排序函数与以下代码一起使用。

下面的代码按类名筛选项目和组的列表。

但是，我想通过父ul的类对顺序进行排序

像这样：-

<ul class="parent-section-a">
  <li class="section-a">item One</li>
  <li class="section-a">item Two</li>
  <li class="section-a">item Three</li>
  <li class="section-a">item Four</li>
</ul>
<ul class="parent-section-b">
  <li class="section-b">item One</li>
  <li class="section-b">item Two</li>
  <li class="section-b">item Three</li>
  <li class="section-b">item Four</li>
</ul>
<ul class="parent-section-c">
  <li class="section-c">item One</li>
  <li class="section-c">item Two</li>
  <li class="section-c">item Three</li>
  <li class="section-c">item Four</li>
</ul>

我到目前为止的代码是：-

// Get all the classes
var classes = $('[class^=section]').map(function() {
    return $(this).attr('class');
});

// Filter only unique ones
var uniqueClasses = $.unique(classes);

// Now group them
$(uniqueClasses).each(function(i, v)
{
    $('.'+v).wrapAll('<ul class ="parent-'+v+'"></ul>');
});

非常感谢您的帮助

标记

Answer 1

如果要按ul类对顺序进行排序，这应该会有所帮助： jQuery sort list items on class name

按类别名称向订单添加排序功能

1 个答案: