jQuery-按儿童按钮或ID的类别过滤表？

Question

这是我在这里提出的第一个问题，因此，如果它太具体，请将其删除，对于您的宝贵时间，我们深表歉意。 下次我会尝试做得更好：)但是，我在Google和Google上找到的所有内容对我都无济于事，我不知道该怎么做。 而且我认为，因为我找不到类似的东西，所以这个问题比我能帮助更多的人：

以下情况：

给定表的示例

这是由PHP建立的普通HTML表。

<tr class="tablerow" data-id='{id}'>
<td class='spalte1' id=del{id}>
    <input class='delbutton imagebutton'
           type='image' src='src/mülleimer.png' title='ID {id} löschen' data-id={id}
           />
</td>
<td class='interpret' id='interpret{id}' title='Interpret'>{Interpret}</td>
<td class='songtitel' id='songtitel{id}' title='Songtitel'>{Songtitel}</td>
<td class='status' id='status{id}' title='Flags'>{Statusbar}</td>
<td class='utilbar' id='utilbar_header{id}'>{Utilbar}{audioplayer}
    <div class='eingabe_linkDiv' id='eingabe_linkDiv{id}' style='display:none'>
        <input type='text' class='eingabe_link' data-id='{id}'/>

    </div>
</td>

大括号包围的所有内容都将逐行替换，与给定id等效。

static function getStatusbar($id) {
    $outputFrame = '<div id = "addedFlags">{added}</div><div id = "allFlags">{all}</div>';
    $outputAdded = "";
    $outputAll = "";
    $output = "";
    $active = Main::getDatenbank()->getFlags($id);
    $all = php\Flag::getAll();
    foreach ($all as $i => $flag) {
        if (in_array($flag, $active)) {
            $outputAdded .= $flag->getButtonString($id, "added");
            $outputAll .= $flag->getButtonString($id, "all", true);
        } else {
            $outputAll .= $flag->getButtonString($id, "all", true);
            $outputAdded .= $flag->getButtonString($id, "added", true);
        }
    }
    $output = str_replace("{added}", $outputAdded, $outputFrame);
    $output = str_replace("{all}", $outputAll, $output);

    return $output;
}

//在标志类中：$ addedall是字符串“ added”（添加到过滤器）或“ all”

function getButtonString($id, $addedall, $hidden = false) {
    $output = "<input "
            . "class='imagebutton statusbutton ".$this->type." ".$this->type."button$id' "
            . $hidden ? "style='display:none' ":""
            . "type='image' src='src/$this->filename.png' "
            . "title='$this->title' "
            . "data-id=$id data-type='$this->type' data-a='$addedall'/>";
    return $output;
}

现在，我想通过添加到表格标题的标志来过滤表格的行。 标题的状态栏部分带有图像按钮，就像每一行一样。 因此，如果在过滤器中选择了一个按钮，则我只想显示添加了相同按钮的行（=“ made show”，未添加。每一行都有每个按钮，但是大多数被隐藏了）。 在该示例中，由“男人”演唱的所有“德语”歌曲均在“吉他”上播放并讲述“爱情”。

最好的方法是什么？ 添加到过滤器中的标志存储在db中，我可以轻松地捕获它们，但是循环遍历二维数组不起作用。

function filter() {
$("#Table_Songlist tr").show();
$.get('db/getAllFlags.php', function (output) {
    var allflags = JSON.parse(output);
    var filter = JSON.parse(allflags[0]);//filtersettings are stored in db with id 0
    for (var id in allflags) {
        var flagarray = JSON.parse(allflags[id]);
        for (var index in flagarray) {
            if (!$.inArray(flagarray[index], filter)) {
                $("tr").filter(function () {
                    return $(this).attr('data-id') == id;
                }).hide();
            }
        }
    }
});

public function getAllFlags() {
    try {
        $a = array();
        $rs = $this->pdo->query("SELECT * FROM songhasflag ORDER BY id");
        foreach ($rs as $row) {
            $a[$row['id']][] = $row['flag'];
        }
        return $a;
    } catch (\Exception $ex) {
        die($ex->getMessage());
    }
}

和.php

$a = \repertoire\Main::getDatenbank()->getAllFlags();
$b = array();
foreach($a as $id => $flagarray) {
    $b[$id] = json_encode($flagarray);
}
echo json_encode($b);

还是最好与Dom-Traversal一起尝试，这样我才能获得所有tr-children，其中包含标题的所示按钮？ 我什至无法想象，这段代码应该是什么样子。有人有一个主意，我如何使行消失，而这些行与标题中的过滤器不匹配？