單擊 TD 內的按鈕時，目標最近的表行 jQuery

Question

所以。 我有這張桌子：

<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>

我想要做的是：按鈕被點擊，它被隱藏並且相應的<tr>得到border: 1px solid black; .

我對 jQuery 有點陌生，不知道如何將 select 作為元素的第二個父元素。 任何幫助，將不勝感激

Answer 1

1. 您的按鈕使用相同的id值。 你必須使用class
2. 您也不需要使用 jQuery。請遵循此代碼

 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>