javascript - 如何正确删除行？

Question

我的 jquery 代码:

   //i can get the id correctly
  id = $(this).parent().parent().children('td.idName').text(); 

 //it seems that i have invoke the wrong function 
 $('.confirmDeleteButton').click(function () { 
      $(".idName:contains('" +id + "')").parent().remove();
 });

我有一个有很多行的表格，当我点击 confirmDeleteButton 时，它应该删除该行。
例如如果 id = 1
这意味着我应该删除这一行

<tr>
   <td class="idName">1</td>   //id =1;
   <td><button class="delete "  > delete</td>
</tr> 

但实际上，它删除了

<tr>
   <td class="idName">1</td>   //id = 1
   <td><button class="delete "  > delete</td>
</tr>   
<tr>
    <td class="idName">10</td>   //id =10
    <td><button class="delete ">delete</td>
</tr>   

似乎如果 id = 1 它将删除所有带有 1 的行，例如 11 ,111, 101,21 等

我的问题是按 id 删除正确行的正确方法是什么？

Answer 1

What is the correct way to delete the correct row by id?

不要那样做，删除与您单击的按钮相关的行。

$('.delete').on('click',function(){
  $(this).parents("tr").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
   <td class="idName">1</td>  
   <td><button class="delete"  > delete</td>
</tr>   
<tr>
    <td class="idName">10</td> 
    <td><button class="delete">delete</td>
</tr>  
</table>