mam problem z określeniem jakie wiersze w tabeli są w jakiej grupie, poniżej moja tabela html.
Tabela jest nie zmienna i nie mam na nią żadnego wpływu, jest ona dostarczana z zewnątrz i nie można jej modyfikować w kodzie.
<table id="navi01" cellspacing="0" cellpadding="1" border="1"> <tbody> <tr> <th class="navi-axis" align="left"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <th class="navi-axis" align="left"> <img width="9" height="9" src="/FM4/jpivot/navi/column.png"> Columns </th> <td class="xform-close-button" align="right"> <input width="16" type="image" height="16" src="/FM4/wcf/form/cancel.png" value="Cancel" name="navi01.hiernav.cancel"> </td> </tr> </tbody> </table> </th> </tr> <tr> <td class="navi-hier"> <div style="margin-left: 1em"> </div> </td> </tr> <tr> <th class="navi-axis" align="left"> <img width="9" height="9" src="/FM4/jpivot/navi/row.png"> Rows </th> </tr> <tr> <td class="navi-hier"> <div style="margin-left: 1em"> <input width="9" type="image" border="0" height="9" src="/FM4/jpivot/navi/column.png" name="wcf6551984d"> <input width="9" type="image" border="0" height="9" src="/FM4/jpivot/navi/filter.png" name="wcf31347df1"> <img width="9" height="9" src="/FM4/wcf/changeorder/move-empty.png"> <input width="9" type="image" border="0" height="9" name="wcf5fe5e865" src="/FM4/wcf/changeorder/move-down.png"> </div> </td> </tr> <tr> <td class="navi-hier"> <div style="margin-left: 1em"> <input width="9" type="image" border="0" height="9" src="/FM4/jpivot/navi/column.png" name="wcf2b2fd4e5"> <input width="9" type="image" border="0" height="9" src="/FM4/jpivot/navi/filter.png" name="wcf66f5a9ac"> <input width="9" type="image" border="0" height="9" name="wcfad6a94fe" src="/FM4/wcf/changeorder/move-up.png"> <input width="9" type="image" border="0" height="9" name="wcf7d426b9b" src="/FM4/wcf/changeorder/move-down.png"> </div> </td> </tr> <tr> <td class="navi-hier"> <div style="margin-left: 1em"> <input width="9" type="image" border="0" height="9" src="/FM4/jpivot/navi/column.png" name="wcf72cacb99"> <input width="9" type="image" border="0" height="9" src="/FM4/jpivot/navi/filter.png" name="wcfb49befde"> <input width="9" type="image" border="0" height="9" name="wcf8a631036" src="/FM4/wcf/changeorder/move-up.png"> <img width="9" height="9" src="/FM4/wcf/changeorder/move-empty.png"> </div> </td> </tr> <tr> <th class="navi-axis" align="left"> <img width="9" height="9" src="/FM4/jpivot/navi/filter.png"> Filter </th> </tr> <tr> <td align="right"> <div align="right"> <input type="submit" value="OK" name="navi01.hiernav.ok"> <input type="submit" value="Cancel" name="navi01.hiernav.cancel"> </div> </td> </tr> </tbody> </table>
to mój kod js (jquery), dzięki niemu otrzymuję same wartości (nazwy kolumn i wierszy) tak jak chcę. Problem polega na tym że nie wiem które z tych wartości należą do "Columns" a które do "Rows"
$('#navi01 tbody tr td div').children('a').each(function(){ $('.dane').text($('.dane').text() +' ' + ($(this).text())); // wpisywanie pobranych wartości do diva (dla testu) alert(jQuery(this).text()); });
wyglądowo tabelka przedstawia się mniej więcej tak:
COLUMNS
- Measures
ROWS
- Time
- FirmD
- Sd
FILTER
teraz potrzebuuję się dowiedzieć że "Measures" jest w grupie "Columns" a "time" w "Rows". Nie wiem jak to zrobić, jakoś to zliczać czy inny sposób?
utrudnieniem może być to że grupy mogą się zmieniać tzn. Measures może zostać przeniesione do Rows lub coś z Rows może zostać przeniesione do Filter bądź Columns.
Proszę o pomoc w jaki sposób mogę sprawdzać co do czego "należy".