循环访问HTML表以获取特定的下拉值

Question

我有一个包含3个部分（section1，section2，section3）的表，现在在下拉列表中，用户将选择上面提到的任何部分，并添加记录，现在该表将包含每个部分的所有记录。

我想在表格中循环播放特定部分，仅限于section1。我目前能够循环遍历所有已检查的行（使用复选框）但现在我只想循环遍历该特定部分。

这是我在循环检查行中所做的工作：

$.each($("input[type=checkbox]:checked"), function (index, item) {
    .... my code here.
}

更新

从上表中，我们有类别作为装备/艺术家/课程，你可以看到每个有3条记录，以不同颜色突出显示，现在我想获取特定下拉项目的数据，如所有课程的行等。

Answer 1

有一个severel解决方案，您可以像这样简单地检查循环中的值：

$("input[type=checkbox]:checked").each(function(index, item) {
    var $tr = $(item).closest("tr");
    var $select = $tr.find("select");
    if ( $select.val() === "section1" ) {
        // do something
    }
});

编辑：使用grep预过滤

另一个解决方案是使用 grep 函数将匹配的元素存储在数组中，如下所示：

var array = $.grep( $("input[type=checkbox]:checked"), function(index, elem) {
    var $tr = $(item).closest("tr");
    var $select = $tr.find("select");
    return ( $select.val() === "section1" );
});