javascript - jQuery#选择器 : filtering/tupling by different/unique class names

Question

假设我有以下数据:

<div class="menu row1"></div>
<div class="menu row1"></div>
<div class="menu row1"></div>
<div class="menu row2"></div>
<div class="menu row2"></div>
<div class="menu row3"></div>

我想选择所有包含“菜单”类的 div 元素，但按它的第二类名称(行 1、行 2 和行 3)过滤。

Ej:

jQuery("div.menu").getTupleOfClassNames();

这将以下列方式返回一个对象数组:

[
    [div.menu.row1, div.menu.row1, div.menu.row1],
    [div.menu.row2, div.menu.row2],
    [div.menu.row3]
]

jQuery 中是否有类似的东西来执行上述任务？

编辑我

• 我问是否有任何其他方法可以在不使用嵌套循环的情况下执行此任务。
• 我知道这听起来像是一项非常具体的任务，认为应该在 jQuery 基础 API 中添加这样的过程真是太疯狂了。 (只是想找到一个聪明的方法来做这件事)

Answer 1

我认为这正是您想要的:

http://jsfiddle.net/aybc58Lo/

$.fn.getTupleOfClassNames = function () {
    var items = {};
    var array = [];
    var row;

    this.each( function() {
        row = $(this).attr( 'class' ).split( ' ' )[1];
        if( !items[row] ) items[row] = [];
        items[row][items[row].length] = $(this);
    });

    $.each( items, function() {
        array[array.length] = this;
    });
    
    return array;
};

console.log($("div.menu").getTupleOfClassNames());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="menu row1"></div>
<div class="menu row1"></div>
<div class="menu row1"></div>
<div class="menu row2"></div>
<div class="menu row2"></div>
<div class="menu row3"></div>

我看到了其他答案，但它们不是您想要的形式。我现在的结果是:

[
    [jQueryObject, jQueryObject, jQueryObject],
    [jQueryObject, jQueryObject],
    [jQueryObject]
]