Asi que. tengo esta tabla:
<table> <tr> <td>Element1</td> <td>Element1</td> <td>Element1</td> <td><a id="btn" href=#">Accept</a></td> </tr> <tr> <td>Element2</td> <td>Element2</td> <td>Element2</td> <td><a id="btn" href=#">Accept</a></td> </tr> </table> Lo que quiero hacer es: se hace clic en el botón, se oculta y el <tr> respectivo obtiene un border: 1px solid black; .
Soy un poco nuevo en jQuery y no sé cómo seleccionar el segundo padre de un elemento. Cualquier ayuda sería apreciada
id . tienes que usar class const btns = document.querySelectorAll('.id'); btns.forEach((btn) => { btn.addEventListener('click', (e) => { e.preventDefault(); e.target.closest('tr').style.cssText = "border:1px solid black"; e.target.remove(); }) }); table { border-collapse: collapse } <table> <tr> <td>Element1</td> <td>Element1</td> <td>Element1</td> <td><a class="id" href=#">Accept</a></td> </tr> <tr> <td>Element2</td> <td>Element2</td> <td>Element2</td> <td><a class="id" href=#">Accept</a></td> </tr> </table>