JQuery - jak vybrat parent v tabulce – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím, mám takový problém. 

Mám tabulku: 

<table class="datatable" cellpadding="5" rules="groups">
            
            
            
            <tr class="dash-head">
                <td width="20">ID:</td>
                <td width="400">Název kategorie:</td>
                <td width="200">Systémové jméno:</td>
                <td width="200">Status:</td>
                <td width="200">Akce:</td>
            </tr>
            
            <tr class="row"><col>
                <td class="editable" id="id">id1</td>
                <td class="editable">Tabulka 1</td>
                <td class="editable">tabulka-1</td>
                <td><span class="label-green" class="editable">public</span></td>
                <td class="editable" id="category-name">Upravit</td>
            </tr></col>
            
            <tr class="row"><col>
                <td class="editable" id="id">id2</td>
                <td class="editable">tabulka 2</td>
                <td class="editable">tabulka-2</td>
                <td class="editable"><span class="label-green">public</span></td>
                <td class="editable">Upravit | Odstranit</td>
            </tr></col>
            
        </table>

Vše, co je class .editable, se dá měnit (EDIT-IN-PLACE plugin). Potřebuji nějakým "multiselectorem" zjistit, pokud kliknu na Tabulka 1 , abych dostal příslušné id, tudíž to, co je ve stejném <tr> ale pouze s id="id".

Poradíte prosím?

#1 Jakub Dibala
 

$(document).ready(function() {

  $(".editable").click(function() {

    $(this).parent().find("td:first").attr("id");

  });

});

... za předpokladu, že to "id" bude mít vždy první buňka v řádku

Máš tam špatně zapsané tagy <tr> a <col>, jQuery by v tom mohlo mít rochu guláš, takže místo současného

<tr><col>...</tr></col>

by mělo být

<tr><col>...</col></tr>