テーブルから取得した要素で特定の文字列が全て入った列を取得したい

Question

前提・実現したいこと

JavaScriptを使用し、HTMLで記述している下記のテーブルで
順不同で特定の文字を全て含む行を取得するのが目的です。
各tdにはクラスを設定してあります。

特定文字列："あ","い","う"(配列)

列1	列2	列3
あ	い	う
あ	い	え
あ	い	う
あ	う	お

試したこと

indexOf()メソッドやfilter()メソッドを使用して取得を試みましたが結果うまくいきませんでした。

下記は最終的な現在のコードです。

    for(let i=0;i<array.length;i++){
        tagName = array[i].getElementsByTagName('span');
        for(let a=0;a<tagName.length;a++){
            tagClass[a] = tagName[a].className;
        }
        let str_display = tagClass.filter((val) => {
            for(var tagClass in this){
                if(tagClass === val)
                    return array;
            }
        },array);
     }

どのような記述をすると該当の文字列がすべて含まれる列を取得できるのでしょうか？

###追記事項

<thead>
<tr class="headers">
<th class="colset colset-1">列1</th>
<th class="colset colset-2">列2</th>
<th class="colset colset-3">列3</th>
</tr>
</thead>
<tbody>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="i">い</span></td>
<td class="colset colset-3"><span class="u">う</span></td>
</tr>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="i">い</span></td>
<td class="colset colset-3"><span class="e">え</span></td>
</tr>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="i">い</span></td>
<td class="colset colset-3"><span class="u">う</span></td>
</tr>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="u">い</span></td>
<td class="colset colset-3"><span class="o">お</span></td>
</tr>
</tbody>

    document.querySelectorAll(str).forEach(e => {
        array.push(e.parentElement.parentElement);
    });

strには特定文字列を格納させてあります。

Comments

[yambejp]

html次第の処理なので、htmlを追記ください

[kei344]

arrayの定義も追記してください。

[Miken_work]

HTML・定義文の追記させて頂きました

Answer 1

const array = ['あ', 'い', 'う'];
const result = Array.from(document.querySelectorAll('tbody tr')).filter(tr => {
  return Array.from(tr.cells).every((cell, index) => cell.textContent === array[index]);
});
console.log(result);

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/every

Comments

[Miken_work]

ご回答ありがとうございます。

every()メソッドというのもあったのですね！
参考にしてみます！

Answer 2

こんな感じでしょうか

Comments

[yambejp]

<table id="t1">
<thead>
<tr class="headers">
<th class="colset colset-1">列1</th>
<th class="colset colset-2">列2</th>
<th class="colset colset-3">列3</th>
</tr>
</thead>
<tbody>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="i">い</span></td>
<td class="colset colset-3"><span class="u">う</span></td>
</tr>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="i">い</span></td>
<td class="colset colset-3"><span class="e">え</span></td>
</tr>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="i">い</span></td>
<td class="colset colset-3"><span class="u">う</span></td>
</tr>
<tr class="rowset odd rowset-1">
<td class="colset colset-1"><span class="a">あ</span></td>
<td class="colset colset-2"><span class="u">い</span></td>
<td class="colset colset-3"><span class="o">お</span></td>
</tr>
</tbody>
</table>

[yambejp]

<style>
tr.active td{
color:red;
}
</style>
<script>
var a=["あ","い","う"];
/* var b=[]; // 不要 */
window.addEventListener('DOMContentLoaded', ()=>{
[...document.querySelectorAll('#t1 tbody tr')].forEach(x=>{
var list=[...x.querySelectorAll('td span')].map(y=>{
return y.textContent;
});
x.classList.toggle('active',a.every(x=>list.indexOf(x)>-1));
});
});
</script>

[Miken_work]

ご回答ありがとうございます。
2点不明点がございます。
1点目
var b=[]；で定義されているのですがこちらはどこかで使用されているのでしょうか？
2点目
[...document~~]
[...x.querySlectorAll~]
上記二か所で使用されている[... ~ ]なのですが
調べても出てこずでわからない状態です。
こちらはどのような意味があるのでしょうか？

差し支えなければ教えてください。

[yambejp]

bは最初つかう予定で書いていたのですがいらなかったですね
削除します

2重のループは、外側がtrごとに処理をすることを示していて
内側はtdのspanの中身を配列でうける処理です

[Miken_work]

回答ありがとうございます。

参考にして実行してみます。

[Miken_work]

回答いただいたコード内容を調べながら反映していたため時間が少し経ってしまいました。
無事yambejp様のコードを使用して理想の状態にできました。

ありがとうございます。