[英]Target closest Table Row when button inside of TD is clicked jQuery
So.所以。 I have this table:我有这张桌子:
<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>
What I want to do is: Button gets clicked, it gets hidden and the respective <tr>
gets border: 1px solid black;
我想要做的是:按钮被点击,它被隐藏并且相应的<tr>
得到border: 1px solid black;
. .
I'm kinda new to jQuery and can't figure out how to select the 2nd parent of an element.我对 jQuery 有点陌生,不知道如何将 select 作为元素的第二个父元素。 Any help would be appreciated任何帮助,将不胜感激
id
value.您的按钮使用相同的id
值。 you have to use class
你必须使用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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.