Get the parent of the clicked item with javascript

Question

Hello Im trying to get the id of tr based on td click.

This my code for the button:

while ($stmt->fetch()) 
    {

         echo'<tr id="'.$id.'">
        <td><button type="button" onclick="removeSet(this)"><img src="images/program/trash.png"></button></td>

        </tr>';

    }

My javascript code:

function removeSet(cell)
{

  var id = cell.parentNode.getAttribute('id');

  alert(id);

}

My problem is that I get this error:

Uncaught TypeError: Cannot read property 'parentNode' of undefined

Answer 1

Use this function instead:

function removeSet(cell)
{

  var id = cell.parentNode.parentNode.getAttribute('id');

  alert(id);

}

The problem was that your function got the parent of the button (a td), not the parent of the td (a tr).

In order to get the id of the tr, you need the parent of the parent of the button.

Answer 2

You forgot to put a td in your tr.

this is the html syntax you should be using:

<table>
    <tr id="customId">
        <td>
            <button type="button" onclick="removeSet(this)">
                <img src="images/program/trash.png"/>
            </button>
        </td>
    </tr>
</table>

and this is the javascript code:

function removeSet(cell) {
    var id = cell.parentNode.parentNode.getAttribute('id');
    alert(id);
}