如何用JavaScript隱藏父母的父元素？

我有這樣的代碼，我希望按鈕「接受」被點擊時，整個<tr>標籤的樣式來隱藏「顯示：無;」。此刻，按鈕隱藏了<td>，我不希望它是那樣的。我希望它隱藏整個表格行。如何用JavaScript隱藏父母的父元素？

<table class="table table-bordered"> 
    <tr> 
    <th>Name</th> 
    <th>Username</th> 
    <th>Email</th> 
    <th>Skype</th> 
    <th>Phone</th> 
    <th>Message</th> 
    <th>Accept?</th> 
    </tr> 
    <tr style=""> 
    <td>Name</td> 
    <td>Username</td> 
    <td>[email protected]</td> 
    <td>skypename</td> 
    <td>phone</td> 
    <td>MESSAGE</td> 
    <td><button onclick="this.parentElement.style.display='none';" class="btn btn-success">Accept</button> <button class="btn btn-danger">Deny</button></td> 
    </tr> 
</table>

來源

2016-07-27 NeverGiveUp

不要使用jQuery標籤不要使用它 –

'this.parentElement.parentElement.style.display ='none''？ –

因此，如果'.parentElement'讓你從按鈕到'td'，你認爲你會從'td'到'tr'嗎？ – 2016-07-27 12:34:32

只是這樣做：

如果你明明

<button onclick="this.parentElement.parentElement.style.display='none';" class="btn btn-success">Accept</button>

來源

2016-07-27 12:34:09

非常感謝。有用。 – NeverGiveUp

既然你提到的jQuery你可以做這樣

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="table table-bordered"> 
 
     <tr> 
 
     <th>Name</th> 
 
     <th>Username</th> 
 
     <th>Email</th> 
 
     <th>Skype</th> 
 
     <th>Phone</th> 
 
     <th>Message</th> 
 
     <th>Accept?</th> 
 
     </tr> 
 
     <tr style=""> 
 
     <td>Name</td> 
 
     <td>Username</td> 
 
     <td>[email protected]</td> 
 
     <td>skypename</td> 
 
     <td>phone</td> 
 
     <td>MESSAGE</td> 
 
     <td><button onclick="$(this).parents('tr').hide()" class="btn btn-success">Accept</button> <button class="btn btn-danger">Deny</button></td> 
 
     </tr> 
 
    </table>

來源

2016-07-27 12:33:14 Kld

它不會隱藏'table'標籤嗎？ OP想要隱藏'tr'標籤。 –

是的，它隱藏了表格標籤。我不想那樣。我需要隱藏元素所在的當前標記。 – NeverGiveUp

您可以查看更新後的代碼 – Kld

如何用JavaScript隱藏父母的父元素？

回答

相關問題