Get some parent element ID in order to send to javascript function

Question

I have this table

<table id="tblId">
        <thead>
            <tr>
                <th>View Name</th>
                <th>View Description</th>                       
            </tr>
        </thead>
            <tbody>
                <tr id="1">
                    <td>Name</td>                    
                    <td><span onclick="jsFunction()">description</span></td>
                </tr>
                <tr id="2">
                    <td>Name</td>                    
                    <td><span onclick="jsFunction()">description</span></td>
                </tr>
            </tbody>
</table>

In the onclick event of each span i need to send the js function the row id of that specific row, How do i do that?

Thank you!

Answer 1

One way is you can send "sender" data with jsFunction as below,

... onclick="jsFunction(this)" ....

In your jsFunction you can find tr element,

    function jsFunction(sender){
        var tr = sender.parentNode.parentNode;
        alert( tr.getAttribute('id') );
    }