A tricky jquery / js problem, who can help me solve it?

Question

C++ / C#

https://codepen.io/mrusklon/pen/jLwbwE?editors=1010

there are 2 blocks, the first block "name" tabs and content
I wrote a function that checks in the content if there is a spans class and it is empty, then hide the row in where it is located (for some reason, the example on the codepen does not work),

but this is not the question, in each row there is a letter that corresponds to the letter in the first block. The number of letters and their Latin\Cyrillic alphabet are not known and can change, and the actual question is:
how to hide a letter from tabs if this letter is hidden in content ?

Answer 1

I need at least an idea how it can be implemented

This can be done with the qsort function . Store the matrix by columns and not by rows.

Answer 2

In the third line, you always take the html() from the first span.
Something like this https://codepen.io/anon/pen/prwggP?editors=1010