2016-05-20 7 views
0

に「属している」ことをすべて​​の要素を選択します。私は属性として<code>data-something</code>を持って<code><th></code>要素と同じ列にあるすべての<code><td></code>の要素を選択したい特定の<th>要素

enter image description here

:データ列Aたとえばボタンの
<table border="1"> 
    <tr> 
     <th data-column="A">Column A</th> 
     <th data-column="B">Column B</th> 
     <th data-column="C">Column C</th> 
     <th data-column="D">Column D</th> 
    </tr> 
    <tr> 
     <td>Data A1</td> 
     <td>Data B1</td> 
     <td>Data C1</td> 
     <td>Data D1</td> 
    </tr> 
    <tr> 
     <td>Data A2</td> 
     <td>Data B2</td> 
     <td>Data C2</td> 
     <td>Data D2</td> 
    </tr> 
    <tr> 
     <td>Data A3</td> 
     <td>Data B3</td> 
     <td>Data C3</td> 
     <td>Data D3</td> 
    </tr> 
    <tr> 
     <td>Data A4</td> 
     <td>Data B4</td> 
     <td>Data C4</td> 
     <td>Data D4</td> 
    </tr> 
    <tr> 
     <td>Data A5</td> 
     <td>Data B5</td> 
     <td>Data C5</td> 
     <td>Data D5</td> 
    </tr> 
</table>  

は私がテーブルを視覚的に例えば迅速な表を作っ

列Aに属するすべての要素を選択したい、クリックされました

バニラまたはjQuery(または軽量ライブラリ)、私は両方のソリューションに対応しています。ありがとう。

+0

(http://stackoverflow.com/questions/8375625/how-to-select-a-table-column-with-jquery)jQueryを使ってテーブルの列を選択する方法]試しまたは[jQueryのセレクタ同じ列の細胞をつかむために](@stackoverflow.com/questions/14061123/jquery-selector-to-grab-cells-in-the-same-column) –

+0

@JonathanLonowskiありがとう、どちらも非常に便利ですね! – Kunok

+0

'colspan> 1 'について心配することはありますか? – 4castle

答えて

2
$('table tr td:nth-child('+$("table th[data-column="desired value"]").index() + 1+')') 
関連する問題