Select all <td> elements that "belong" to specific <th> element
<p>I want to select all <code>&lt;td&gt;</code> elements that are in same column as <code>&lt;th&gt;</code> element that has <code>data-something</code> as attribute. </p>

<pre><code>&lt;table border="1"&gt;
    &lt;tr&gt;
        &lt;th data-column="A"&gt;Column A&lt;/th&gt;
        &lt;th data-column="B"&gt;Column B&lt;/th&gt;
        &lt;th data-column="C"&gt;Column C&lt;/th&gt;
        &lt;th data-column="D"&gt;Column D&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;Data A1&lt;/td&gt;
        &lt;td&gt;Data B1&lt;/td&gt;
        &lt;td&gt;Data C1&lt;/td&gt;
        &lt;td&gt;Data D1&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;Data A2&lt;/td&gt;
        &lt;td&gt;Data B2&lt;/td&gt;
        &lt;td&gt;Data C2&lt;/td&gt;
        &lt;td&gt;Data D2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;Data A3&lt;/td&gt;
        &lt;td&gt;Data B3&lt;/td&gt;
        &lt;td&gt;Data C3&lt;/td&gt;
        &lt;td&gt;Data D3&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;Data A4&lt;/td&gt;
        &lt;td&gt;Data B4&lt;/td&gt;
        &lt;td&gt;Data C4&lt;/td&gt;
        &lt;td&gt;Data D4&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;Data A5&lt;/td&gt;
        &lt;td&gt;Data B5&lt;/td&gt;
        &lt;td&gt;Data C5&lt;/td&gt;
        &lt;td&gt;Data D5&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;     
</code></pre>

<p>For example button for data-column A is clicked, I want to select all elements that belong to column A. </p>

<p>I made quick table for visual example of table:</p>

<p><a href="https://i.stack.imgur.com/RTFIU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RTFIU.jpg" alt="enter image description here"></a></p>

<p>Vanilla or jQuery (or some lightweight library), I am open for both solutions. Thanks.</p>