JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr class="userRow">
<td>User Test:</td>
<td>UserID:&nbsp;</td>
<td><input type='text' name='UserID[0]'></td>
<td>Roles:&nbsp;</td>
<td><textarea name='Roles[0]'></textarea></td>
<td><button class="removeUser">remove</button></td> 
<td><button class="removeUser">remove</button></td>
</tr><br/>
</table>

JavaScript

var button = $('.removeUser');
alert("Me = " + button[0].tagName);
alert("Parent = " + button.parent()[0].tagName); // td
alert("Grand-Parent = " + button.parent().parent()[0].tagName); // tr
alert("Great Grand-Parent = " + button.parent().parent().parent()[0].tagName); // tbody
alert("Great, Great Grand-Parent = " + button.parent().parent().parent().parent()[0].tagName); // table
alert("Me = " + button[1].tagName);
alert("Parent = " + button.parent()[0].tagName); // td
alert("Grand-Parent = " + button.parent().parent()[0].tagName); // tr
alert("Great Grand-Parent = " + button.parent().parent().parent()[0].tagName); // tbody
alert("Great, Great Grand-Parent = " + button.parent().parent().parent().parent()[0].tagName); // table